/to-do-list

Primary LanguageTypeScript

To Do List - React and Vite Project

Overview

To Do List is a simple task management application built with React and Vite. The project allows users to perform CRUD operations on tasks, including adding, editing, and deleting tasks. Users can input task details such as task description, due date, and time. The tasks are displayed in a table with options to delete or edit each task. The editing functionality opens a modal with the task details for easy modification. Additionally, users can delete individual tasks or clear the entire task list.

Technologies Used

  • Vite
  • ReactJS
  • JavaScript
  • TypeScript
  • Bootstrap

Getting Started

To use the project, follow these steps

  • Clone the repository:
git clone https://github.com/guiiffonseca/to-do-list.git
  • Navigate to the project directory:
cd to-do-list
  • Install dependencies:
npm install
  • Start the development server:
npm run dev

Usage

1. Add a Task:

  • Click on the "Add Task" button.
  • Enter the task details, including description, due date, and time.
  • Click "Save" to add the task to the list.

2. Edit a Task:

  • Click on the "Edit" button next to the task you want to modify.
  • Edit the task details in the modal that opens.
  • Click "Save" to update the task in the list.

3. Delete a Task:

  • Click on the "Delete" button next to the task you want to remove.
  • Clear Task List:

Click on the "Clear Tasks" button to delete all tasks.

License

This project is licensed under the MIT License.

Feel free to explore, use, and contribute to the project. Happy task managing!