My Todo app

Description

This repository contains a React application that implements a simple todo list. Users can add new todos, mark them as complete or incomplete, delete todos, and check/uncheck all todos at once. Additionally, when all todos are marked as complete, a confetti animation is displayed.

Installation

To run the application locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/dortizp/todo-app-ts.git

2. Navigate to the project directory:

   cd todo-app-ts

3. Install the dependencies:

   npm install

   Note: Node.js version 14.0.0 or higher is required. If you don't have Node.js installed, you can download it from the official website: https://nodejs.org/

4. Start the development server:

   npm start

   The application will be running at http://localhost:3000.

Usage

1. Open the application in your web browser at http://localhost:3000.

2. Add a new todo by entering a task description in the input field and pressing the Enter key or clicking the "Add" button.

3. Mark a todo as complete or incomplete by clicking the checkbox next to it.

4. Delete a todo by clicking the "Delete" button next to it.

5. Check or uncheck all todos at once by clicking the "Check all" or "Uncheck all" button.

6. When all todos are marked as complete, a confetti animation will be displayed.

Technologies Used

• React
• HTML
• CSS
• JavaScript

License

This project is licensed under the MIT License.

Libraries

• Confetti library for the confetti animation.
• React library for building the user interface.
• Material UI library is an open-source React component library that implements Google's Material Design.