Skip to content

"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

License

Notifications You must be signed in to change notification settings

TacticalReader/To-Do-List-design

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


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:


About

"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

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published