edwardkrupicka / ideabox

💡 Idea Box 💡

A Front End Development Project by Edward Krupicka, Ivonne Hernandez, and Regan Losey.

Project Manager : Jeremiah Black

Technologies Used:

• HTML
• CSS
• Javascript

Features:

On the IdeaBox site, the user can:

1. Create a pre-formatted card with the title and body of their choosing.

2. Favorite their preferred ideas by clicking the star button at the top left corner of each card. The star icon will change color from white to orange to let the user know that the function was successful.

3. Delete any saved ideas by click the X icon in the top right corner of each card.

4. Search through all of their ideas by typing the criteria into the search bar. The search bar will actively filter through the cards as any matching(or non-matching) characters are entered. This feature is case-insensitive.

5. Filter their ideas to show only the ones that they have favorited, or all of the cards. This is completed by clicking the "Show Starred Ideas" button in the sidebar. Upon clicking, the button's text will change to say "Show All Ideas".

6. Keep track of their created/favorited cards when they leave and revisit the site, due to the implementation of local storage functionality.

7. Comment on their ideas. Comments will be displayed in a list, which is scrollable should the comments exceed the height constraint of the box.

Visuals of Site Functionality:

Main Page with Created Card:

Card With Star Icon Active:

Cards Being Actively Filtered By Search Bar:

Comments Being Added:

Resources:

Github Repo

Deploy Link

Project Spec Sheet