From 1ca5e74ed88e47b83a50497e2cf2803a8baf0bf6 Mon Sep 17 00:00:00 2001 From: Florin Pop Date: Thu, 14 Mar 2019 20:29:31 +0200 Subject: [PATCH] added To-Do App --- Projects/To-Do-App.md | 27 +++++++++++++++++++++++++++ README.md | 1 + 2 files changed, 28 insertions(+) create mode 100644 Projects/To-Do-App.md diff --git a/Projects/To-Do-App.md b/Projects/To-Do-App.md new file mode 100644 index 00000000..65fb35d7 --- /dev/null +++ b/Projects/To-Do-App.md @@ -0,0 +1,27 @@ +# To-Do App + +The clasic 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/) diff --git a/README.md b/README.md index 21a4570d..73d441f4 100644 --- a/README.md +++ b/README.md @@ -38,6 +38,7 @@ Each project has the following **features**: | [Slack Archiver](./Projects/Slack-Archiver.md) | | [String Art](./Projects/String-Art.md) | | [Timezone Slackbot](./Projects/Timezone-Slackbot.md) | +| [To-Do App](./Projects/To-Do-App.md) | | [TrueOrFalse](./Projects/True-or-False-App.md) | | [Wind Chill](./Projects/Windchill-App.md) |