Welcome to Simple TO-DO, a lightweight task management application built with Laravel(backend) and React( frontend). This project demonstrates how to combine a Laravel API with a React UI for creating, reading, updating, and deleting tasks in a simple and clean way.

✅ React
✅ Vite
✅ Typescript
✅ Tailwind CSS

✅ Laravel
✅ PHPUnit
✅ MySQL

✅ Add new tasks
✅ View all tasks
✅ Mark tasks as completed
✅ Persistent storage with MySQL
✅ Clean and modern UI with Tailwind

1. Clone the repository:

   git clone https://github.com/Kavithma-Thushal/simple-to-do-coveragex.git
   

2. Install dependencies:

• Frontend

  cd frontend
  npm install
  

• Backend

  cd backend
  composer install
  

3. Open Docker Desktop Software on your machine.

4. Open a terminal in the Project Root directory.

5. Build and start the containers:

   docker-compose up --build
   

6. Open your browser and access:

   http://localhost:5173
   

7. ✅ You’re all set! Add, view, and manage your tasks easily!

1. Open a terminal in the Project Root directory.

2. Run this command to enter the MySQL container:

   docker exec -it db mysql -u root -p
   

3. Enter the password:

   1234
   

4. Select the database:

   USE to-do;
   

5. View tasks table:

   SELECT * FROM tasks;
   

• Frontend

  cd frontend
  npx vitest run
  

• Backend

  cd backend
  php artisan test
  

✅ POST /api/task/add
✅ GET /api/task/getAll
✅ PATCH /api/task/complete

Got any bugs, issues, or need help understanding the code? Feel free to reach out!

📧 kavithmathushal9007@gmail.com