React + Vite

To-Do List App

This is a To-Do List application developed using React JS. The application uses JSON Server as a database to store tasks and Tailwind CSS for styling.

Features

• Add Task: Add new tasks to your list.
• Check Task: Mark tasks as completed.
• Delete Task: Remove tasks from the list.
• View Completed Tasks: Filter and view only the tasks that have been completed.
• View Incomplete Tasks: Filter and view only the tasks that are not yet completed.

Technologies Used

• React JS: JavaScript library for building user interfaces.
• JSON Server: Simulates a REST API for storing and retrieving tasks.
• Tailwind CSS: CSS framework for styling the application.

How to Run the Project

Prerequisites

• Node.js
• npm or yarn

Steps

Navigate to the project directory:

• cd to_do_list

Install project dependencies:

• npm install
• npm install react-router-dom
• npm install react-icons

Start JSON Server:

• npx json-server --watch db.json --port 5000

In another terminal, start the React application:

• npm start

Project Structure

src/: Contains the source code of the project.

• components/: React components used in the application.

• pages/: Application pages.

• services/: Services for communication with JSON Server.

• App.js: Main application component.

• index.js: Entry point of the React application

Contribution

Feel free to contribute to this project. To do so, follow the steps below:

Fork this repository. Create a branch for your feature or bug fix:

• git checkout -b my-feature

Commit your changes:

• git commit -m 'My new feature'

License

This project is licensed under the MIT License.