Create an offline TODO App for the browser using React JS.
- Hosted link: https://offline-todo.netlify.app/
- A simple input bar to add Todo(s) on pressing the return key.
- A list of TODO cards where each todo is appended on creation.
- Clicking on a TODO card should mark the TODO as complete and move it to the bottom of the list.
- The active TODO cards should appear in order of creation (most recent on top), while the completed todo cards should appear in order of completion (most recent on top).
- A reset button on the top right corner of the App to clear all Todo(s) and return to the initial state.
- Hitting the refresh button (including hard refresh) in the browser should not cause any change in the state of the app (it should work like a regular offline app).
- I use local storage to store todos.
- Use context API for state management.
- use tailwindcss for styling.
ReactJS and TailwindCSS.
To use this repository your machine should have VsCode ( or any code editor), node, npm, and git. Now check for this things is install or not :
node --version
npm --version
git --version
Clone repository : open terminal and hit this command in your code editor
git clone --branch master https://github.com/Honeshwar/offline-todo.git
Install dependencies :
npm install
Now, run the application using this command :
npm start