atinder11/Todo-List

A to-do list is just a list of things you have to-do. That means basically anything and everything can be on your to-do list—but just because you’ve written your to-dos down doesn’t mean your to-do list is actually useful.

ToDo App

A to-do list is just a list of things you have to-do. That means basically anything and everything can be on your to-do list—but just because you’ve written your to-dos down doesn’t mean your to-do list is actually useful. Effectively tracking when your work is due can help you prioritize and get great work done

Features:

• Add tasks with a title and optional description.
• Mark tasks as completed.
• Edit existing tasks.
• Delete tasks from the list.
• Filter tasks based on completion status (All, Active, Completed).
• Clear all completed tasks in one click.
• Responsive design for seamless usage on various devices.

Website Link : https://atinder11.github.io/Todo-List/

Demo Video :

Todo.App.mp4

Screenshot

1.Landing Page:

2.Adding Task:

3.Delete the task:

Prerequisites:

• Node.js and npm installed on your system.

Getting Started:

1. Clone the repository or download the source code as a zip file.
2. Navigate to the project directory in your terminal or command prompt.
3. Install the required dependencies by running the following command:

   npm install
   

Running the App: After installing the dependencies, you can start the application using the following command:

npm start

This will launch the development server and open the ToDo app in your default web browser at http://localhost:3000. You can now start using the app and manage your tasks effectively.

Folder Structure:

• src/ - Contains the source code for the React.js application.
  • components/ - Contains reusable React components used throughout the app.
  • containers/ - Contains the main components that handle application logic.
  • assets/ - Stores any static assets like images or icons used in the app.
  • App.js - The main component that renders the application layout.
  • index.js - Entry point of the application.

Contributing: Contributions to the ToDo App are welcome! If you find any bugs or have suggestions for new features, please open an issue or submit a pull request. Before contributing, make sure to discuss your ideas with the maintainers and adhere to the project's coding standards.

Acknowledgments: This ToDo App was developed using React.js, a powerful JavaScript library for building user interfaces. We extend our gratitude to the React.js community for their valuable contributions and support.

Contact: For any inquiries or support related to the ToDo App, feel free to contact us .

Thank you for using our ToDo App! Happy task managing!