Skip to content

umar8637/todoApp-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Todo App

This is a simple Todo App built using React. It allows you to manage and track your tasks easily. You can add, edit, delete, and mark tasks as completed. The app provides a user-friendly interface for managing your daily tasks effectively.

Installation

  1. Clone the repository to your local machine:

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

    cd react-todo-app
  3. Install the required dependencies:

    npm install
  4. Start the development server:

    npm start

    This will launch the Todo App in your default web browser.

Usage

The Todo App provides a clean and intuitive interface to manage your tasks. Here's how you can use it:

  1. Add Task: Enter the task you want to add in the input field and click the "Add Task" button.

  2. Edit Task: To edit a task, click on the edit icon (pencil) next to the task. Make the necessary changes and click the "Save" button. You can also click the "Cancel" button to discard changes.

  3. Delete Task: To delete a task, click on the delete icon (trash can) next to the task.

  4. Mark as Completed: To mark a task as completed, check the checkbox next to the task. You can uncheck it to mark the task as incomplete.

Features

  • Add tasks to your list.
  • Edit existing tasks.
  • Delete tasks.
  • Mark tasks as completed or incomplete.
todoapp_React.webm