We created a website that allows users to create idea cards.
This site has the following functionality:
- Create an idea card
- Favorite an idea card
- Delete an idea card
- Display all favorited idea cards
- Display all cards
- Filter ideas
- Responsive design
Try it out!
The website can be viewed here.
To download the repository:
- Clone the repository to your local machine
cd
into the project
Users can create their own idea card by following these steps:
- Fill out the the title and body form.
- Click the "Save" button.
- The idea card will be on displayed below the form.
Users can favorite the idea card by following these steps:
- Select the star icon on the top left of the idea card.
- The star icon will change to orange. You have now favorited the card!
- To unfavorite the card, select the star icon again. The star icon will no longer be orange.
Users can delete the idea card by following these steps:
- Select the "X" icon on the top right of the idea card.
- The idea card will remove from the display.
Users can see all favorited ideas by clicking the "Show Starred Ideas". And display all idea cards by clicking "Show All Ideas".
Users can further filter the idea cards by following these steps:
- As the user types in the search bar, only cards that include the same text will be shown.
- As the text is deleted from the search bar, the previously filtered cards will return.
Our design dynamically adapts to the browser space to ensure content consistency across devices.
- Add local storage
- Allow users to comment on idea cards
- HTML
- CSS
- JavaScript
Eric Matlock https://github.com/ermatlock
Ali Nooner https://github.com/AliNooner
Lauralyn Watson https://github.com/lswatson16
Deploy link: https://lswatson16.github.io/ideabox/