Got a great idea and don't want to forget it? Introducing the ideas box application! Whether it's a lead for your next major invention to revolutionize the world, or a new, faster way to brush your teeth(you should definitely spend at least a minute though), the IdeaBox can help you keep track of your thoughts. Within the idea box, you have the ability to favorite certain ideas, and search for specific ideas using key words/phrases. Don't worry about ever losing a fantastic idea again!
- Javascript
- CSS
- HTML
The IdeaBox is simple to use. Follow the steps below to make full use of this sweet app. To save a new idea:
- In the input fields, enter a unique title, as well as an accompanying body. Remember, your idea can be about ANYTHING. This app can't judge, yet.
- Once you've input both a title and body, hit the "Save" button below to save your idea.
- An Idea card will be created directly below the text, and... Tadaaa! Your idea is now saved and visible in an easy to read format.
To star/favorite an idea:
- In the top right hand corner of your Idea card, click the star. -The star will now appear red, indicating that you have favorited this idea. -Click the 'X' in the right hand corner of the Idea card to delete an old idea
To view starred ideas:
- Click the "Show Starred Ideas" button, located in the dark blue navigation bar on the left side of your screen. -All starred/favorited cards should appear in the card area. -simple click "Show All Ideas" to return to viewing all of your ideas.
To search for specific ideas
- In the search ideas input area, type in key letters, words, or phrases to help you locate the idea you would like to view.
- The Idea Cards below will automatically filter through all of your ideas to show you the ideas that match your search.
- Clear the input field to return to viewing all ideas.
- Users are able to view ideas in a concise, cute, virtual card form.
- DOM storage allows users to save ideas.
- Star ability allows users to favorite certain ideas.
- Show Starred Ideas/Show All Ideas allows users to see certain card sets.
- The search input allows users to search for specific ideas.
Click this link to open the app! Click this [link] to view the gitHub repository. To view code on the text editor of your choice (we used atom to construct our code):
Clone this repository in your terminal by entering using git clone https://github.com/KATIETOLER/idea-box.git and then cd idea-box. Run atom . to open the text files in your text editor.
Use the command open index.html from the cloned repo in your terminal to open the website in your browser.
- Turing School of Software and Design
- Our project manager, Taylor. @twant
- Our code reviewers:
- Kelly Zick @misskelly
- Alyssa Bull @alyssabull
- Riley Martin @RMartin0717
Thank you so much!