/To-Do-List-design

"TodoListX" is a responsive web application that helps users manage tasks across different categories such as Personal, Work, and Fitness. The project showcases proficient use of HTML, CSS, and JavaScript for dynamic content rendering and user interactions. Utilizing local storage, it enables task persistence even after page reloads. The clean and

Primary LanguageJavaScriptMIT LicenseMIT

Todo List Web Application

Description

The provided code constitutes a To-Do List web application. The application allows users to organize tasks into different categories, such as Personal, Work, Shopping, Coding, Health, Fitness, Education, and Finance. Users can add, mark as completed, and delete tasks within each category, providing an effective way to manage daily activities.

Key Features

  1. Categories:

    • Organized into different categories with associated images.

  2. Tasks:

    • Add, mark as completed, and delete tasks within each category.

  3. User Interface:

    • Clean and user-friendly interface.

  4. Interactivity:

    • Toggle between category view and detailed task view.
    • Mark tasks as completed and delete tasks individually.

  5. Add Task:

    • Add new tasks with descriptions and associated categories.

  6. Responsive Design:

    • Designed to be responsive for various screen sizes.

Code Structure

  1. JavaScript (script.js):

    • Defines categories and tasks as objects.
    • Implements functions for local storage, rendering, and user interactions.

  2. CSS (style.css):

    • Applies global styles and responsive design considerations.

Usage

Quick Start Guide:

  1. Clone the Repository:

    git clone https://github.com/TacticalReader/todo-list.git

  2. Navigate to the Project Directory:

    cd todo-list

  3. Open the Project Files:

    • Open index.html in a web browser.

  4. Explore and Interact:

    • Navigate through categories, mark tasks as completed, and add new tasks.

  5. Customize and Add Tasks:

    • Customize categories and tasks in script.js.
    • Add new tasks by clicking the "Add Task" button.

  6. Save Changes:

    • Changes are saved in local storage, persisting after refresh.

Example:

  • Add a new category and tasks in script.js.
  • Save, and changes will be reflected in the application.

Contributing

If you'd like to contribute to the Todo-list App, follow the guidelines in CONTRIBUTING.md.

Contact Information

If you have any questions or would like to collaborate, you can reach out to us through the following contact information: