Menu Close

todo-list

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.

View Source Code
Posted in Development