Todo List App

Please check out the live demo at https://todolist-5ba11.web.app

Description

This Todo List app helps you organize your tasks efficiently. You can add, edit, delete, and mark tasks as completed. The app offers various viewing options, including tasks for today, tasks for the next 7 days, completed tasks, overdue tasks, and other tasks.

Installation

To run the Todo List app locally, follow these steps:

1. Clone the repository to your local machine:

   git clone https://github.com/ADHIL007/todoList-ReactJS.git

2. Navigate to the project directory:

   cd todo-list-app

3. Install the dependencies using npm:

   npm install

Usage

After completing the installation, you can start the app by running:

npm start

This command will launch the app in your default web browser. You can then interact with the Todo List app to manage your tasks.

Features

• Add Task: Add new tasks to your list with a title, due date, and optional time.
• Edit Task: Edit existing tasks to update their title, due date, or time.
• Delete Task: Remove tasks from your list that are no longer needed.
• Mark as Completed: Mark tasks as completed when you finish them.
• View Options: Choose from various viewing options such as today's tasks, tasks for the next 7 days, completed tasks, overdue tasks, and other tasks.
• Collapse Sidebar: Collapse the sidebar for a cleaner interface.

Technologies Used

• React.js
• Material-UI
• use-local-storage (for local storage management)

Contributing

Contributions are welcome! If you find any bugs or have suggestions for new features, please open an issue on GitHub or submit a pull request.

License

This project is licensed under the MIT License.