TO-DO-LIST

🚀 Git Task Log – GitHub Inspired To-Do List

A modern GitHub-inspired To-Do List built using HTML, CSS, and JavaScript. This project transforms everyday task management into a developer-friendly experience by using Git concepts such as Stage, Commit, Commit Hash, and Revert.

---

📸 Preview

Add a screenshot of your project here.

---

✨ Features

• 📝 Add new tasks
• ✅ Mark tasks as completed
• 🗑️ Delete tasks (Revert)
• 💾 Automatically saves tasks using Local Storage
• 🔖 Random Git-style commit hash for completed tasks
• ⌨️ Press Enter to quickly add tasks
• 📱 Fully Responsive Design
• 🎨 Clean GitHub-inspired User Interface
• ⚡ Lightweight and Fast

---

🛠️ Built With

• HTML5
• CSS3
• JavaScript (ES6)
• Local Storage API
• Google Fonts (Inter & JetBrains Mono)

---

📂 Project Structure

TO-DO-LIST/
│── index.html
│── style.css
│── script.js
│── README.md

---

🚀 Getting Started

1. Clone the repository

git clone https://github.com/DineshRaj74/TO-DO-LIST.git

2. Open the project folder

cd TO-DO-LIST

3. Open index.html in your browser.

---

💡 Future Improvements

• ✏️ Edit existing tasks
• 🌙 Dark Mode
• 📊 Task statistics
• 🔍 Filter (All / Active / Completed)
• 🗑️ Clear completed tasks
• 🎉 Toast notifications
• 🎵 Optional sound effects

---

📖 What I Learned

Through this project, I practiced:

• DOM Manipulation
• Event Handling
• Local Storage
• Dynamic HTML Elements
• Responsive Design
• JavaScript Functions
• Clean UI Design

---

👨‍💻 Author

Dinesh Raj S

• GitHub: https://github.com/DineshRaj74
• LinkedIn: https://www.linkedin.com/in/dineshra-j07042005

---

⭐ Support

If you like this project, consider giving it a ⭐ Star on GitHub.