To-Do List Web Application This is a clean and modern To-Do List application built as the second project for my #30DayCodingChallenge. It’s a classic frontend project designed to practice and demonstrate core JavaScript skills, especially DOM manipulation and event handling.
✨ View Live Demo https://manoj0246.github.io/to-do-list/
🚀 Project Overview This application provides a simple and intuitive interface for managing daily tasks. Users can quickly add new items to their list, mark them as complete, and remove them. The project emphasizes a clean user experience and demonstrates the fundamentals of creating interactive web applications.
Key Features: Add Tasks: A clear input field to quickly add new tasks to the list.
Mark as Complete: Click on a task to toggle its completion status, which visually strikes through the text.
Delete Tasks: Easily remove tasks from the list with a delete button.
Responsive Design: The application is fully responsive and works smoothly on desktops, tablets, and mobile devices.
Dynamic UI: The list updates instantly without needing to reload the page, thanks to JavaScript.
💻 Technologies Used HTML5: For the basic structure and content of the app.
Tailwind CSS: For all styling, layout, and creating a modern, responsive design.
Vanilla JavaScript: For all the application logic, including adding, deleting, and updating tasks, and handling user events.
🛠️ How to Run Locally To get a local copy up and running, follow these simple steps:
Clone the repository:
git clone https://github.com/your-username/your-todo-repo-name.git
Navigate to the project directory:
cd your-todo-repo-name
Open index.html in your browser: Simply double-click the index.html file in the project folder to open it in your default web browser.
Acknowledgment This project represents Day 2 of my 30-day coding challenge, focusing on building a solid foundation in frontend development with JavaScript.