Tier: 2-Intermediate
The classic To-Do application where a user can write down all the things he wants to accomplish.
Built with: React JS, CSS using React Hooks (useState, useEffect, useRef, useContext) and react-beautiful-dnd, react-icons, uuidv4...
First clone this repository.
$ git clone https://github.com/davesantiarlom/To-Do-App.git
Install dependencies. Make sure you already have nodejs & npm installed in your system.
$ npm install
Run it
$ npm start
✓ 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)
✓ 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
✓ When closing the browser window the to-do's will be stored and when the User returns, the data will be retrieved