Welcome to the documentation for the TO-DO List Web Application, a simple and refactored project designed to manage your tasks efficiently. This document provides an overview of the project, its code structure,deployment information, and usage instructions.
The TO-DO List Application is a web-based application developed to help users manage their tasks by providing a user-friendly interface for adding, editing, and deleting tasks. The app also supports task filtering based on status (All, Pending, Completed) for a personalized user experience.
To get started with the TO-DO List App, follow these steps:
Make sure you have the following installed:
- A modern web browser (e.g., Chrome, Brave, Safari)
- An internet connection (for fetching external dependencies)
-
Clone the Repository:
git clone https://github.com/Ramprakash852/To-Do-List.git
-
Navigate to the Project Directory:
cd To-Do-List
-
Open
main.html
in a Browser:Open the
main.html
file in your preferred web browser.
The project follows a modular and organized structure to enhance readability, maintainability, and scalability. Key components include:
- HTML (
main.html
): The main structure of the web page. - CSS (
main.css
): Styles to define the appearance of the web page. - JavaScript (
main.js
): Logic for handling user interactions, managing tasks, and implementing theme switching. - Fonts : Imported from Google Fonts for consistent typography.
-
Adding a Task:
- Enter the task in the input field.
- Optionally, set a due date using the date input.
- Press Enter or click the "+" button to add the task.
-
Editing a Task:
- Click the "Edit" button on a task.
- Modify the task details.
- Click the "Check" button to save changes.
-
Completing a Task:
- Click the "Check" button on a task to toggle its completion status.
-
Deleting a Task:
- Click the "Trash" button on a task to delete it.
This project is licensed under the MIT License and was originally developed by @Ramprakash.