/ReactTODO

Primary LanguageJavaScript

React Todo App

A simple, responsive, and user-friendly Todo App built with React. This app allows users to manage tasks by adding, editing, and deleting todos. It helps keep track of tasks efficiently with a clean and intuitive interface.

Features

  • Add Todos: Create new tasks with ease.
  • Edit Todos: Modify existing tasks.
  • Delete Todos: Remove tasks once completed or no longer needed.
  • Mark as Completed: Track completed tasks with a simple checkbox.
  • Responsive Design: Works seamlessly across desktop and mobile devices.

Installation

To get the app running locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/THAMIZH-ARASU/ReactTODO.git
    cd react-todo-app
    

Usage

  • Add a Todo: Enter a task in the input field and press "Add" to include it in the list.
  • Mark as Completed: Click the checkbox next to the task to mark it as complete.
  • Edit a Todo: Click on the task text to modify it, then press Enter to save.
  • Delete a Todo: Click the delete icon next to the task to remove it from the list.

Built With

React - A JavaScript library for building user interfaces Tailwind CSS - Modular and reusable CSS styling npm - Package management used to install dependencies

Contribution

Contributions are welcome! Here's how you can contribute:

Fork the repository.

  • Create a new branch (git checkout -b feature-branch).
  • Make your changes and commit (git commit -m "Add new feature").
  • Push to the branch (git push origin feature-branch).
  • Open a pull request and provide a detailed description of your changes.

License

This project is licensed under the MIT License. See the LICENSE file for details.