Skip to content

emrhngngr/todolist

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React To-Do List Application

This is a simple To-Do List application built with React. It allows users to manage their daily tasks efficiently by adding, deleting, and marking tasks as completed.

Site Link: https://emrhntodo.netlify.app

Features

  • Add Tasks: Users can easily add new tasks by entering the task title in the input field and pressing enter.
  • Delete Tasks: Tasks can be deleted by clicking on the delete button next to each task.
  • Mark Tasks as Completed: Users can mark tasks as completed by clicking on the checkbox next to each task. Clicking again will mark the task as incomplete.
  • Filter Tasks: Tasks can be filtered based on their completion status. Users can view all tasks, active tasks (incomplete), or completed tasks.
  • Mark All Tasks as Completed: Users can mark all tasks as completed with a single click using the "Mark All as Completed" button.

Technologies Used

  • React: JavaScript library for building user interfaces.
  • JavaScript: Programming language used for application logic.
  • CSS (with Tailwind CSS): Styling the application for a modern and responsive design.

Getting Started

To run this application locally, follow these steps:

  1. Clone the repository:

    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
  4. Start the development server:

    npm start
  5. Open http://localhost:3000 in your web browser to view the application.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published