https://github.com/kaushikshivam/todo_list
ToDo list is a Todo App that allows users to see, add, edit, and remove todos.
https://github.com/kaushikshivam/todo_list
react react-animations react-components react-event-handlers react-events reactcomponents reactjs
Last synced: 3 months ago
JSON representation
ToDo list is a Todo App that allows users to see, add, edit, and remove todos.
- Host: GitHub
- URL: https://github.com/kaushikshivam/todo_list
- Owner: KaushikShivam
- Created: 2019-10-10T07:38:36.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-05T09:37:02.000Z (over 2 years ago)
- Last Synced: 2024-12-27T21:13:54.978Z (5 months ago)
- Topics: react, react-animations, react-components, react-event-handlers, react-events, reactcomponents, reactjs
- Language: JavaScript
- Homepage: https://todoofficial.netlify.com/
- Size: 3.85 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 21
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ToDO Official
[ToDO List](https://todoofficial.netlify.com/) is a Todo App that allows users to see, add, edit, and remove todos
## Table of content
- [Description](#description)
- [Installation](#installation)
- [Contact](#contact)
## Description
ToDo list is a Todo App that allows users to see, add, edit, and remove todos. Other than that it implements the following rules:
- Alongside each Todo, it has a button with the text “Mark as completed”. When this button is clicked, there is a strike through the text of the todo.
- Instead of a button, button is refactored so that the todo itself can be clicked to mark it as completed. It also adds a strikethrough style to the Todo if it is completed. A user can toggle it on and off by clicking.
- It adds some styling to your application - a CSS animation that fades out a Todo when it is deleted
- Saves your todos in localStorage and retrieve them when the page loads.
## Installation
1. Clone the project to your local directory
```
git clone https://github.com/KaushikShivam/todo_list
```
2. The project uses NPM for managing dependencies. Run npm install to install all the required dependencies
```
npm install
```
3. Run the task runner to run the app
```
npm run start
```
## Contact
You can contact me at:
- [Portfolio](https://www.shivamkaushik.com)
- [Email](mailto:[email protected])
- [Linkedin](https://www.linkedin.com/in/kshivamdev/)
- [Twitter](https://twitter.com/kShivamDev)
- [Medium](https://medium.com/@shivamkaushikofficial)
- [Angellist](https://angel.co/kshivamdev)