The latest articles on DEV Community by Brandon Johnson (@darwinz). https://dev.to/darwinz https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F485056%2Fe2307f9a-1cab-4634-a2d4-a85b5de9312f.png https://dev.to/darwinz en Brandon Johnson Thu, 12 May 2022 23:27:04 +0000 https://dev.to/darwinz/thnkfl-app-1jfh https://dev.to/darwinz/thnkfl-app-1jfh <h3> Overview of My Submission </h3> <p>I built this simple positivity app for the AppWrite Hackathon where users can easily post things they're thankful for (<a href="https://github.com/darwinz/thnkfl">GitHub</a>, <a href="https://thnkfl.vercel.app">Thnkfl App</a>). It's similar to a gratitude journal, but greatly simplified. I looked to <code>Twitter</code> and <code>Wordle</code> as examples of how building something extremely simple and something that requires very little time makes it easier for users to participate and do it often.</p> <p>My submission is very simple, but it was fun to build. I used AppWrite's <code>docker-compose.yml</code> to run AppWrite locally, and used the available DigitalOcean marketplace Droplet to deploy the AppWrite server. I referenced AppWrite's example React web repo to build the React app and deployed it with Vercel.</p> <h3> Submission Category: </h3> <p>Web2 Wizards</p> <h3> Link to Code </h3> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--566lAguM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/darwinz"> darwinz </a> / <a href="https://github.com/darwinz/thnkfl"> thnkfl </a> </h2> <h3> A daily gratitude journal </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <h1> THNKFL</h1> <p>A simplistic and minimal daily gratitude journal to add positivity to your day.</p> </div> </div> <br> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/darwinz/thnkfl">View on GitHub</a></div> <br> </div> <br> <h3> Additional Resources / Info </h3> <p>Screenshots:<br> <a href="https://github.com/darwinz/thnkfl/blob/main/screenshots/Screen%20Shot%202022-05-12%20at%205.11.09%20PM.png">https://github.com/darwinz/thnkfl/blob/main/screenshots/Screen%20Shot%202022-05-12%20at%205.11.09%20PM.png</a></p> <p><a href="https://github.com/darwinz/thnkfl/blob/main/screenshots/Screen%20Shot%202022-05-12%20at%205.11.47%20PM.png">https://github.com/darwinz/thnkfl/blob/main/screenshots/Screen%20Shot%202022-05-12%20at%205.11.47%20PM.png</a></p> appwritehack