pgoulding / idea-box-triples

idea-box-triples

Turing Mod 1 Group Project 1

Header Text: Open Sans, ExtraBold 800

Body and Label Text: Open Sans, Light 300

Background Header: #524649

Background Input Body: #EAEAEA

Background Output Body: #F9F9FA

IdeaBox Icon: "ideabox" color: #B2A1B1, "triples" #FFFFFF

Button Color "Enabled" background

How to open

Download/Clone this repository and open index.html in you browser.

Trello Board:

https://trello.com/invite/b/1nnhv5VT/adc49e598778b7f03617514b41911beb/ideabox-triples

---

Our Version of ideaboxTriples

Mobile Layout 1

Mobile Layout 2

Tablet Layout

Desktop Layout

idea-box-triples's Issues

Update card titles and bodies to <textarea>

Incrementing a “genius” idea or decrementing a “swill” idea should have no effect.

This update of the data model should occur in an updateQuality method that is defined in the Idea class.
How the dom gets updated using javascript should happen in the main.js file (where you should can still leverage your idea instance)

If the user reloads the page, their edits will be reflected.

Add Functionality to Upvote/Down Vote

Should be able to filter by quality

page should not reload when card is deleted

Week 1 Check-in

Each idea in the list should have a button to remove it from both the data model and the dom.

Upon clicking the delete button the idea should be removed from the list

Style the Desktop Version

Should not allow empty inputs

Text Box should clear after hitting 'Save'

Extensions?

See a list of all existing ideas, including the title, body, and quality for each idea.

Clearing the search box should restore all the ideas to the list.

The user should be able to “commit” their changes by pressing “Enter/Return” or by clicking outside of the text field.

Make fields required

The application should contain a button labeled Show more....

Your application should have 3 buttons corresponding to each level of importance (swill, plausible, and genius).

If the user reloads the page, their edits will be reflected.

This update of the data model should occur in an updateContent method that is defined in the Idea class.
How the dom gets updated using javascript should happen in the main.js file (where you should can still leverage your idea instance)

As a user types in the search box, the list of ideas should filter in real time to only display ideas whose title or body include the user’s text. The page should not reload.

Ideas should appear in descending chronological order (with the most recently created idea at the top).

The idea should be removed from localStorage. It should not re-appear on next page load.

This update of the data model should happen in a deleteFromStorage method that is defined in the Idea class.
How the dom gets updated using javascript should happen in the main.js file (where you should can still leverage your idea instance)

'Idea' persistence upon refresh of page

When a user clicks the title or body of an idea in the list, that text should become an editable text field, pre-populated with the existing idea title or body

A new idea with the provided title and body should appear in the idea list