TodoList

Demo

Check out the live demo of the ToDoList application here.

Description

TodoList is a web application built with React, TypeScript, and Vite that allows you to manage and organize your tasks efficiently. You can add new tasks, mark them as completed, and delete tasks as needed. The application provides a user-friendly interface with a responsive design, making it easy to use on both desktop and mobile devices.

This project was created as a learning exercise to showcase the use of React, TypeScript, and Vite in building a modern web application.

Features

• Add new tasks: Easily create new tasks with a title and optional description.
• Mark tasks as completed: Keep track of your completed tasks by marking them as done.
• Delete tasks: Remove unwanted tasks from your list.
• Responsive design: The application is designed to be fully responsive and works seamlessly on different screen sizes.

Installation

1. Clone the repository:

   git clone https://github.com/heinpen/todolist-taiwind.git

2. Navigate to the project directory:

   cd todo-list
   This command will start the application in development mode. Open your browser and visit http://localhost:3000 to view the TodoList.
   

3. Build for production:

   ```bash
   npm run build
   

   This command will create an optimized production build of the application in the dist directory.

Technologies Used

• React
• TypeScript
• Vite
• Tailwind CSS

License

This project is licensed under the MIT License.