Sophomore Year Shop Work

Phonebook

       In this I learned how to store data using local storage. Local storage is just temporary storage in the browser. I used it to create a phonebook that you can save and retrieve phone numbers from. It taught me how to convert lists in javascript to json so that it could be stored in local storage.

       I completed this by having functions that do specific tasks like adding a contact, or retrieving said contact. I also had a function used to display a specific or every contact. I used these functions in conjunction with HTML to have a graphical interface viewable in a browser.

Active Div

       In Active Div I learned how to store boolean (true/false) values in local storage. It taught me the basics of local storage and how it can be used for non-critical data storage. This also gave me practice with flexboxes in CSS to better design responsive layouts.

       I started Active Div by creating a function that can toggle boolean values. Then I added the ability to click the rectangles which called the toggle functions. After, I stored the list in local storage. Finally, the list loads in when the page refreshes.

For best experience, watch on a high resolution monitor or in fullscreen
Source code: https://github.com/SeanPlouffePersonal/SeanPlouffeHSPortfolio/tree/main/Sophomore/activeDiv