You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
# To-Do App
|
|
|
|
|
|
|
|
|
|
**Tier:** 2-Intermediate
|
|
|
|
|
|
|
|
|
|
The classic To-Do application where a user can write down all the things he wants to accomplish.
|
|
|
|
|
|
|
|
|
|
## User Stories
|
|
|
|
|
|
|
|
|
|
- [ ] User can see an `input` field where he can type in a to-do item
|
|
|
|
|
- [ ] By pressing enter (or a button), the User can submit the to-do item and can see that being added to a list of to-do's
|
|
|
|
|
- [ ] User can mark a to-do as `completed`
|
|
|
|
|
- [ ] User can remove a to-do item by pressing on a button (or on the to-do item itself)
|
|
|
|
|
|
|
|
|
|
## Bonus features
|
|
|
|
|
|
|
|
|
|
- [ ] User can edit a to-do
|
|
|
|
|
- [ ] User can see a list with all the completed to-do's
|
|
|
|
|
- [ ] User can see a list with all the active to-do's
|
|
|
|
|
- [ ] User can see the date when he created the to-do
|
|
|
|
|
- [ ] When closing the browser window the to-do's will be stored and when the User returns, the data will be retrieved
|
|
|
|
|
|
|
|
|
|
## Useful links and resources
|
|
|
|
|
|
|
|
|
|
- [localStorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage)
|
|
|
|
|
|
|
|
|
|
## Example projects
|
|
|
|
|
|
|
|
|
|
- [Todo App built with React](http://todomvc.com/examples/react/#/)
|
|
|
|
|
- [To Do List on Codepen](https://codepen.io/yesilfasulye/pen/eJIuF) by [Burak Kaya](https://codepen.io/yesilfasulye/)
|
