Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/king04aman/todo-list

React Todo List with Local Storage is a simple and efficient task management application built using React. It allows you to add, delete and mark tasks as completed, and uses local storage to persist data even if you close the browser or refresh the page. Stay organized and boost your productivity with this easy-to-use Todo List app. Try Now !!
https://github.com/king04aman/todo-list

javascript-projects projects react react-project reactjs reactjs-projects todo-list todoapp

Last synced: about 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/king04aman/todo-list
Owner: king04aman
License: mit
Created: 2023-04-07T21:55:28.000Z (almost 2 years ago)
Default Branch: main
Last Pushed: 2023-04-08T06:36:03.000Z (almost 2 years ago)
Last Synced: 2024-11-09T19:42:40.519Z (3 months ago)
Topics: javascript-projects, projects, react, react-project, reactjs, reactjs-projects, todo-list, todoapp
Language: JavaScript
Homepage: https://king04aman.github.io/todo-list
Size: 843 KB
Stars: 1
Watchers: 2
Forks: 1
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# React Todo List

![TODO List](https://socialify.git.ci/king04aman/todo-list/image?description=1&font=Jost&forks=1&issues=1&language=1&logo=https%3A%2F%2Fimages.weserv.nl%2F%3Furl%3Dhttps%3A%2F%2Favatars.githubusercontent.com%2Fu%2F62813940%3Fv%3D4%26h%3D250%26w%3D250%26fit%3Dcover%26mask%3Dcircle%26maxage%3D7d&name=1&owner=1&pattern=Circuit%20Board&pulls&pulls=1&stargazers=1&theme=Dark)

This is a simple Todo List application built using ReactJS that utilizes the browser's local storage to store data.

## Features
- Add new tasks
- Delete tasks
- Mark tasks as completed
- Persist data in local storage
- Mobile responsive design

## Installation

1. Clone this repository to your local machine
```bash
git clone https://github.com/your-username/react-todo-list.git
```

2. Navigate to the project directory
```bash
cd react-todo-list
```

3. Install dependencies
```bash
npm install
```
or
```bash
yarn install
```

## Usage

4. Start the development server
```bash
npm start
```
or
```bash
yarn start
```

5. Open http://localhost:3000 to view it in the browser.
6. Add a new task by typing in the input field and pressing Enter.
7. Delete a task by clicking the X button next to it.
8. Mark a task as completed by clicking on its checkbox.
9. The data is automatically saved to the browser's local storage, so your tasks will persist even if you close the tab or the browser.

## Technologies Used

- HTML
- CSS
- ReactJS
- Local Storage

## Contributing

If you find a bug or would like to contribute to the project, feel free to open an issue or submit a pull request.

## License
This project is licensed under the MIT license. See the [LICENSE](LICENSE) file for more information.