TaskFlow - Full-Stack Task Management Application

React.js + Spring Boot REST API + MySQL.

Features

• Create, read, update and delete tasks
• Mark tasks complete
• Search and category filtering
• Priority and due dates
• Responsive React UI
• REST API integration
• MySQL persistence

Structure

taskflow-fullstack/ ├── frontend/ React + Vite + Axios └── backend/ Spring Boot + JPA + MySQL

Database

CREATE DATABASE taskflow_db;

Edit backend/src/main/resources/application.properties: spring.datasource.username=root spring.datasource.password=YOUR_MYSQL_PASSWORD

Run Backend

cd backend mvn spring-boot:run

API: http://localhost:8080/api/tasks

Run Frontend

cd frontend npm install npm run dev

Frontend: http://localhost:5173

API

GET /api/tasks GET /api/tasks/{id} POST /api/tasks PUT /api/tasks/{id} DELETE /api/tasks/{id} PATCH /api/tasks/{id}/complete

Resume Description

TaskFlow - Full-Stack Task Management Application React.js | JavaScript ES6+ | Spring Boot | REST API | MySQL

Developed a responsive full-stack task management application using React.js and Spring Boot. Built RESTful APIs for CRUD operations using Spring Data JPA, integrated the React frontend using Axios, implemented search/filtering/priority/due-date features, and persisted data in MySQL.

Request Flow

React UI -> Axios -> Spring Boot Controller -> Service -> JPA Repository -> MySQL