The latest articles on DEV Community by Ian Frye (@ianfrye0818). https://dev.to/ianfrye0818 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%2F1192992%2F53a00e2c-2136-4e6c-a025-3f9b947cada2.jpeg https://dev.to/ianfrye0818 en Ian Frye Sun, 12 Nov 2023 12:26:46 +0000 https://dev.to/ianfrye0818/google-keep-clone-2oc3 https://dev.to/ianfrye0818/google-keep-clone-2oc3 <p>Created a fully featured Google Keep clone with Scrimba. This was my first <strong>class based</strong> project I took on. </p> <p><strong>The concept</strong> - </p> <h2> The concept was to be able to create to dos with easy to use <em>intuitive</em> methods. You can <del>cross off</del> items one by one to make your day better. </h2> <blockquote> <p>"Practicing learned skills can only make you better"</p> </blockquote> <p>The hardest part about this challenge was learning how and when to use the <em>this</em> keyword within the class based methods. Also keeping track of state. Also, I'm glad I learned about modular and comments in the next lesson as when I added more and more functions it was getting really hard to read and keep track of who was using what function. </p> <p>The order we completed the project:</p> <ul> <li>Created out base class structure</li> <li>Added the ability to add a post</li> <li>Added the ability to edit a post</li> <li>Added the ability to update the color of a post</li> <li>Added the ability to remove a post</li> <li>Added the functionality of saving your lists in local storage to persist into the next session.</li> </ul> <p><strong>Github</strong><br> <a href="https://github.com/ianfrye0818/scrimba/tree/main/google-keep-clone">Project Link</a></p> <p><strong>Live Site</strong><br> <a href="https://scrimba.netlify.wifrye.net/google-keep-clone/">Live Site</a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s---6ukG4Cz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vi9h0v7ijbmi7owz025n.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s---6ukG4Cz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vi9h0v7ijbmi7owz025n.png" alt="Screenshot of Google Keep Clone project" width="800" height="434"></a></p> <p>Let me know any feedback our thoughts as I continue my journey. Also feel free to shoot me an email. <br> <a href="mailto:biggiefrye45@gmail.com">biggiefrye45@gmail.com</a></p>