mziccardi/2dobox_pivot

Pivot

Enhanced ToDo List

To "pivot" in developer parlance, is the enhancement of an existing app.

Current Specs:

@ Turing.io

Authors:

Mike Ziccardi & Andy Young

2dobox_pivot's Issues

Editing an existing TODO

When a user clicks the title or task of a TODO in the list, that text should:

• Become an editable text field, pre-populated with the existing TODO title or task.
• The user should be able to “commit” their changes by pressing “Enter/Return” or by clicking outside of the text field.
• If the user reloads the page, their edits will be reflected.

Es6 Usage:

• You should make sure that Webpack is set up to use es6 (hint: the key words here are babel, es6 and webpack)
• Picking at least one new feature of es6 - review the intermission assignment for ideas
• refactor your existing code and use this es6 feature instead

Note: You should always try to not ‘mix and match’ in your code, so if you decide to use let and const instead or var in your code - you should not have any files with both var and let.

When a user clicks “Save”:

• A new TODO with the provided title and body should appear in the TODO list.
• The text fields should be cleared and ready to accept a new TODO.
• The page should not reload.
• The TODO should be persisted.
• It should still be present upon reloading the page
• Deleting an existing TODO

Searching:

We’d like our users to be able to easily find specific TODOs they already created, so let’s provide them with a filtering interface on the TODO list.

• At the top of the TODO list, include a text field labeled “Search”.
• As a user types in the search box, the list of TODOs should filter in real time to only display TODOs whose title or task include the user’s text.
• The page should not reload.
• Clearing the search box should restore all the ideas to the list.

Demystify with WebPack 🔮

Follow Romeeka's course on WebPack.
Follow every command to the letter for 2DoList_Pivot.

• Read through project expectations (twice)
• All the issues will be stated right there, though manually entering the expectations will help me to stay on top of everything.

Confirm Save button can fire a function

We tried several ideas, I will StackOverflow the answer tonight.

• I will look at my IdeaBox for the answer.

When viewing the TODO list:

• Each TODO in the list should have a link or button to “Delete” (or 𝗫).
• Upon clicking “Delete”, the appropriate TODO should be removed from the list.
• The page should not reload when an idea is deleted.
• The TODO should be removed from localStorage. It should not re-appear on next page load.

Add Current Specs to README.md from Turing.io

• Add specs from ----> http://frontend.turing.io/projects/2DoBox-Pivot

Add Phase 2 tasks to ZenHub Board

Click here for SPECS

Adding a new ToDo On the application’s main page, a user should:

• See two text boxes for entering the “Title” and “Task” for a new TODO
• and a “Save” button for committing that TODO.