Skip to content

Latest commit

 

History

History
55 lines (30 loc) · 1.27 KB

README.md

File metadata and controls

55 lines (30 loc) · 1.27 KB
Raw

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