📋 Todo List App

✏️ A simple, modern Todo List web application built with HTML, Bootstrap 5, and vanilla JavaScript.
✅ Features API integration, local storage support, search, filters, pagination, and responsive design.

✨ Features

✅ Fetch and display todos from a dummy API
✅ Add new todos dynamically (API POST request)
✅ Search todos by task name (real-time)
✅ Filter by date range (from & to)
✅ Client-side pagination
✅ Local storage support: keeps your todos even after refresh
✅ Loading spinner and error handling
✅ Modern, responsive UI built with Bootstrap 5

🛠 Tech Stack

Frontend	API	Styling
HTML5	DummyJSON	Bootstrap 5
ES6 JavaScript (Fetch API)

📸 Screenshots

🚀 Getting Started

1️⃣ Clone the repository

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

2️⃣ Open index.html in your browser

No build steps needed! Pure HTML + JS.

⚙️ Project Structure

todo-list-app/
├── index.html            # Main HTML file
├── script.js             # JavaScript logic
└── README.md             # This file

📦 Key Components & How it Works

✅ API Integration

• Fetch todos from DummyJSON
• POST new todos to /add endpoint
• Add random created dates locally for filtering

✅ Local Storage

• Saves todos locally on every change
• Loads from local storage first, then API if empty

✅ Pagination & Filters

• Shows 5 todos per page
• Client-side search & date filtering
• Real-time updates as you type or submit filters

🙌 Contributing

Pull requests are welcome! If you'd like to add features or fix bugs:

git checkout -b feature/your-feature
git commit -m "Add amazing feature"
git push origin feature/your-feature

Then open a PR.

⭐ If you like this project:

• ⭐ Star this repo
• 🍴 Fork it
• 📢 Share with friends

🚀 Happy coding!