Skip to content

Latest commit

 

History

History
84 lines (61 loc) · 2.55 KB

README.md

File metadata and controls

84 lines (61 loc) · 2.55 KB

To-Do List Application

A simple, interactive, and user-friendly To-Do List application that allows users to manage tasks efficiently. With features like adding, saving, marking as complete, and deleting tasks, this app is perfect for personal task management.

Features

  • Add Tasks: Easily add tasks to the list using the input box and add button.
  • Mark Tasks as Complete: Strike through tasks to indicate their completion.
  • Delete Tasks: Remove unwanted tasks from the list.
  • Save Tasks: Save tasks locally in the browser's storage to retain them across sessions.
  • Responsive Design: Optimized layout for various screen sizes.

Technologies Used

  • Frontend: HTML, CSS, JavaScript
    • HTML for structuring the app's layout.
    • CSS for styling the components.
    • JavaScript for interactive functionality.
  • External Libraries:
    • Bootstrap for responsive design.
    • Font Awesome for icons.

Installation

  1. Clone the Repository:

    git clone https://github.com/S-i-d-d-h-a-n-t/To-do-list-

  2. Navigate to the Project Directory:

    cd To-do-list-

  3. Open the Application: Open the html.html file in your preferred browser to run the application.

File Structure

  • html.html: Contains the HTML structure and links to CSS and JavaScript files.
  • todo_.css: Provides the styling for the application, including the layout and design of the To-Do list.
  • todo_application.js: Implements the functionality for adding, completing, deleting, and saving tasks.

How to Use

  1. Add a Task:

    • Enter a task in the input field labeled "What needs to be done?"
    • Click the Add button to add the task to the list.

  2. Mark Task as Complete:

    • Check the checkbox next to a task to mark it as complete. This will apply a strikethrough to the task text.

  3. Delete a Task:

    • Click the trash icon next to a task to remove it from the list.

  4. Save Tasks:

    • Click the Save button to store the tasks in the browser's local storage.
    • Saved tasks will reappear when the application is reopened.

Contribution

Contributions are welcome! Follow these steps to contribute:

  1. Fork the repository.
  2. Create a new branch: 
    git checkout -b feature-name
  3. Commit your changes: 
    git commit -m "Add feature description"
  4. Push to the branch: 
    git push origin feature-name
  5. Submit a pull request.

License

This project is licensed under the MIT License. Feel free to use and modify the code.