📝 ToDo List Application

A simple and interactive ToDo List App built using React.
This app allows you to add, edit, delete, and complete tasks with a clean UI.

---

🚀 Features

• ➕ Add new tasks
• ✅ Mark tasks as completed (line-through effect)
• ✏️ Edit tasks inline
• 🗑 Delete tasks
• 〇 Disable editing/completing once task is marked complete
• 🎨 Styled with custom CSS and Font Awesome icons

---

📦 Installation & Setup

Follow these steps to run the application locally:

1. Clone the Repository

git clone https://github.com/Rathan97/todo-list-app.git
cd todo-list-app

2. Install Dependencies

Make sure you have Node.js and npm installed.
Then install dependencies:

npm install

3. Run the Application

Start the development server:

npm start or npm run dev

---

📂 Project Structure

todo-list-app/
│
├── src/
│   ├── components/
│   │   ├── Header.js       
│   │   ├── ToDoItem.js     
│   │   └── ToDoList.js     
│   │
│   ├── App.js             
│   ├── data.js             
│   ├── style.css          
│   └── index.js          
│
├── package.json
├── README.md
└── public/
    └── index.html

---

🛠️ Built With

• React (Functional Components + Hooks)
• Font Awesome (Icons)
• CSS for styling

---

• Github Repo Link

---

🙌 Usage

• Type a task in the input box and click ADD
• Click the circle icon to mark a task as complete
• Click the pen icon to edit a task
• Click the check icon to save an edit
• Click the trash icon to delete a task

---