/idea-box

IdeaBox Repository for Lacy and Ayla

Primary LanguageCSS

idea-box

IdeaBox Repository for Lacy and Ayla

This Project Utilizes:

-HTML
-CSS
-Vanilla Javascript (ES5)
-Local Storage

Learning Goals for IdeaBox:

-Continue to improve on building responsive client-side applications with good user feedback
-Understand how to implement client-side data persistence using localStorage
-Understand what it looks like to have a separate data model (using a class) and dom model
-Understand how to utilize data-* attributes
-Understand how to incorporate & iterate over arrays in order to filter what is being displayed
-Understand how to craft code with clean style, using small functions that show trends toward DRYness and SRP

What We Gained From This Project:

-We now have a deeper understanding of vanilla javascript, and how to interact with the DOM, using JS.
-We understand how to save to localStorage and pull from local storage on page load.
-We have a better understanding of data-* attributes.
-A much deeper understanding arrays.
-We have a better understanding of time managemnet in relation to agile workflow and have a deeper understanding of our personal workflow.

Desktop Comp:

Screen Shot 2019-05-29 at 10 10 08 PM

Our Desktop Comp with no ideas created:

screencapture-file-Users-ayla-idea-box-index-html-2019-05-29-19_07_14

Our Desktop Comp with ideas created:

screencapture-file-Users-ayla-idea-box-index-html-2019-05-29-19_08_01

Mobile Comp:

Screen Shot 2019-05-29 at 10 12 54 PM

Our Mobile Comp:

Screen Shot 2019-05-29 at 6 53 27 PM

Screen Shot 2019-05-29 at 6 53 34 PM