irfad-c / todo-app-react

A simple To-Do application built with React that allows users to add and delete tasks efficiently.

📝 React To-Do App

A simple and responsive To-Do application built with React. It demonstrates key React concepts such as components, props, useState, and useEffect.

---

🚀 Features

➕ Add new tasks easily

❌ Delete tasks when completed or no longer needed

🧩 Built using React functional components

🔄 Uses useState for state management

🕒 Uses useEffect to dynamically update the page title with pending task count

📱 Fully responsive and clean user interface

---

🧠 Concepts Used

React Components

Props (data flow between components)

useState for handling task data

useEffect for side effects (updating document title)

---

🖥️ Demo

When tasks are added, the title automatically updates, for example:

“You have 3 pending tasks”

---

Screenshot

---

⚙️ Installation & Setup

1. Clone this repository

   git clone https://github.com/irfad-c/react-todo-app.git

2. Navigate into the project folder

   cd react-todo-app

3. Install dependencies

   npm install

4. Run the app

   npm start

5. Open http://localhost:3000

   to view it in your browser.

6. When all tasks are deleted:

   “You have 0 pending tasks”