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 !!

Home Page:https://king04aman.github.io/todo-list

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Todo List

TODO List

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

    git clone https://github.com/your-username/react-todo-list.git
  2. Navigate to the project directory

    cd react-todo-list
  3. Install dependencies

    npm install

    or

    yarn install

Usage

  1. Start the development server

    npm start

    or

    yarn start
  2. Open http://localhost:3000 to view it in the browser.

  3. Add a new task by typing in the input field and pressing Enter.

  4. Delete a task by clicking the X button next to it.

  5. Mark a task as completed by clicking on its checkbox.

  6. 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 file for more information.

About

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://king04aman.github.io/todo-list

License:MIT License


Languages

Language:JavaScript 60.1%Language:CSS 34.3%Language:HTML 5.6%