2dobox_pivot's People
2dobox_pivot's Issues
Add Phase 2 tasks to ZenHub Board
Add Current Specs to README.md from Turing.io
- Add specs from ----> http://frontend.turing.io/projects/2DoBox-Pivot
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.
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.
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.
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
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.
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.
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.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.