The goal of this project is to create a simple web-based to-do list application using HTML, CSS, and JavaScript. This project helps practice front-end web development skills and gain experience in building interactive web applications.
This to-do list application allows users to:
- Add new tasks
- Edit existing tasks
- Delete tasks
- Mark tasks as completed
The application features a user-friendly interface and is responsive across different screen sizes.
- Visually Appealing Layout: Includes a background image and day-wise sections.
- Task Input Section: Users can input new tasks.
- Task List: Displays tasks with checkboxes to mark them as completed.
- Edit & Delete Options: Each task can be edited or deleted.
- Add New Tasks: Enter text and press the "Add" button to create a new task.
- Task Completion: Mark tasks as completed/incomplete using checkboxes.
- Edit Task Description: Modify existing task descriptions.
- Delete Tasks: Remove tasks that are no longer needed.
- Basic Validation: Prevents users from adding empty tasks.
- Error Handling: Provides clear feedback for any potential errors.
- Persistent Data: Stores to-do list data in the browser's local storage so that tasks persist even after a page refresh.
- Mobile & Desktop Friendly: Ensures the application works well on both desktop and mobile devices using CSS media queries.
- Motivational Quotes: Each day displays a motivational quote in a cloud-shaped box with a light purple background.