📝 To-Do List App (React)

A clean and modern To-Do List Application built using React.
This project helps users manage daily tasks efficiently with a simple and interactive UI.

---

🚀 Features

• ➕ Add new tasks with a name and due date.
• 🗑️ Delete tasks when completed.
• 🎨 Clean, modern, and responsive UI.
• ✨ Smooth hover effects & animations for a classy look.
• 📦 Built with React + Vite for fast development.

---

📸 Screenshots

Welcome Screen (No Tasks)

When no tasks are available, a styled welcome message is shown.

Task List

Each task is displayed with its name, date, and delete button.

Delete Task After Do It...

---

🛠️ Tech Stack

• Frontend: React, JavaScript (ES6+), JSX
• Styling: CSS3, Bootstrap 5 (for grid system & buttons)
• Build Tool: Vite

---

📂 Project Structure

To-Do-App/
│── public/ # Static assets
│── src/
│ ├── components/ # Reusable React components
│ │ ├── App.jsx # Main App component
│ │ ├── TodoItem.jsx # Single task component
│ │ ├── Welcome.jsx # Welcome message
│ ├── main.jsx # React entry point
│ ├── style.css # Custom styles
│── package.json # Dependencies & scripts
│── README.md # Project documentation

---

⚡ Installation & Setup

1. Clone the repository

   bash
   git clone https://github.com/IAmBiswabhusan/To-Do-List-Using-React.git
   cd To-Do-List-Using-React
   
   

2. Install dependencies

npm install

3. Run the development server

npm run dev

4.Open http://localhost:5173 in your browser 🚀

---

📌 Usage

Enter a task name and due date.

Click Add Task to insert it into the list.

Click the Delete button to remove a task.

If no tasks exist, you’ll see a welcome message.

---

👨‍💻 Author

Developed with ❤️ by Biswabhusan Mohapatra