meggs625 / ideabox

Ideabox Group Project Mod 1

Contributors

• Megan McBride
• Samantha Brown
• Eric Li

Consultants

• Alex Kio
• Steven Berg
• Kim McCaskill

Project Manager

• Heather Faerber

Technologies Used

This application uses vanilla Javascript, HTML, and CSS.

Deployed Link

Deploy application at this link!

Summary of Site

This website allows a user to input title and body text to generate a new idea card. A user can save these idea cards for future reference, as well as remove them from the current window.

Instructions for Running/Viewing

1. On page load, the user can populate both fields with a catchy title and additional information in the body about their idea. (Fig. A)

2. Note that both fields have to be populated in order for the "Save" button to work (Fig. B). Once both fields are populated, the button should work and have a dark purple background.

3. After the user has selected "Save", their new idea will display in the bottom right hand quadrant of the application. (Fig. C)

4. A user can favorite or unfavorite an idea card by clicking on the star icon in the upper left hand corner of the idea card. Favorite is indicated by an orange star, while unfavorite is indicated by an empty, or white star. (Fig. D)

5. A users idea cards will be saved to their local machine. Upon visiting the page again, the user will see the saved idea cards.

6. A user can delete an idea card from the current window by clicking the "x" icon in the upper right hand corner of the idea card.

Images

Fig. A

Fig. B

Fig. C

Fig. D

Future Additions

• Adding functionality to remove saved ideas from localStorage and data model.

• Adding functionality to update favorited status of an idea card and to save this property to localStorage.

• Adding ability to sort through saved ideas and starred ideas.

• Adding ability to comment on ideas and save comments to localStorage.

• Adding ability to filter saved ideas by search query.