📝 Responsive To-Do List Web App with Focus & Notes

This is a fully functional, mobile-responsive To-Do List web application built using Python (Flask), HTML, CSS, and JavaScript. It includes task tracking, priority focus, note-taking, and an interactive themed interface that randomly changes background color every 15 seconds.

---

🚀 Features

• ✅ Add and remove tasks with visual feedback
• 🧠 Editable Focus section to set top priorities (saved in browser)
• 📓 Notes section with expanded textarea
• 🎨 Background color randomizes every 15 seconds
• 🌈 Light, playful design with background pattern
• 🧷 Responsive layout for desktop, tablet, and mobile
• 💾 Stores focus entries in localStorage

---

🛠️ Tech Stack

• Python + Flask (Backend)
• HTML5, CSS3, JavaScript (Frontend)
• No external databases or libraries required

---

📸 Preview

---

📁 Folder Structure

---

🔧 How to Run

1. Clone this repository:

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

2. Navigate to the project directory:

   cd todo-list-app

---

📦 Deployment Options You can deploy this app using platforms like:

Render

Vercel (via Flask serverless)

Heroku

Self-hosted / Apache / Nginx + Gunicorn

---

📌 To-Do / Future Enhancements

🔒 Add user login with Flask sessions

🧠 Save notes and tasks in a database (e.g. SQLite)

📱 Installable PWA version

🗂 Drag-and-drop task sorting

🔔 Notifications/reminders

---

🤝 Contributing Contributions are welcome! Feel free to open issues or submit PRs for features, bugs, or improvements.