This is a simple To Do List made with React in a couple of days. This app is inspired from Clear Todos App. This app is designed for a mobile view but it work also on desktop screens. For a better experience turn on the device toolbar for chrome (⌘ ⇧ m)
Datas are saved locally in your localStorage.
Use localStorage.clear() to clear all your data.
Fell free to fork and edit.
Install all node modules and dependecies
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
This app il pretty intuitive.
Use the BIG plus on the right bottom of page to open input.
Write end press ENTER to create task, write again or press again ENTER (on empty input) to exit.
You can also exit click the list or the BIG cross on right bottom corner of your screen.
Each task can be checked by clicking or swiping to right.
Each task can be unchecked. Tasks cannot be completely deleted unless you empty your localStorage
Here below there are some links to the tutorials that help me out:
- https://it.reactjs.org/docs/hello-world.html
- https://it.reactjs.org/tutorial/tutorial.html
- https://scrimba.com/course/glearnreact/enrolled
Another special thanks goes to:
- https://github.com/joshwcomeau/react-flip-move
- https://github.com/sandstreamdev/react-swipeable-list
Made with 💙 by Paolo Cappuccio