Skip to content

This Todo List project is a simple yet powerful tool for managing your tasks efficiently. Built with React, it allows users to add new tasks, mark them as completed, and delete tasks they no longer need. Users can also filter tasks based on their status (Pending, Completed), providing flexibility in task management.

Notifications You must be signed in to change notification settings

najahaja/Todolst

Repository files navigation

Todo Application with React and useReducer

A Todo List application built using React and useReducer for state management.

Description

This project is a simple Todo List application implemented with React's useReducer hook for state management. It allows users to add new tasks with titles and descriptions, mark tasks as completed, edit task descriptions, delete tasks, clear all tasks, and filter tasks by status (Completed or Pending).

Features

  • Create Todo: Add new tasks with titles and descriptions.
  • Mark As Completed: Toggle task completion status.
  • Edit Todo: Update task descriptions.
  • Delete Todo: Remove tasks from the list.
  • Clear Todos: Remove all tasks from the list.
  • Filter by Status: View tasks based on completion status (Completed or Pending).

Technologies Used

  • React
  • JavaScript (ES6+)
  • HTML5
  • CSS3

Getting Started

To get a local copy up and running follow these simple steps:

Prerequisites

  • Node.js and npm installed on your machine.

Installation

  1. Clone the repository:

    git clone https://github.com/your-username/todolist.git
    

2.Navigate into the project directory:

 cd todolist

3.Install dependencies:

 npm install
  1. To Connect Server:

      npm run dev
    

About

This Todo List project is a simple yet powerful tool for managing your tasks efficiently. Built with React, it allows users to add new tasks, mark them as completed, and delete tasks they no longer need. Users can also filter tasks based on their status (Pending, Completed), providing flexibility in task management.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published