A Task Tracking web application (frontend + backend)
TaskTrackerApp is a full‑stack application that helps users track their lists and tasks. It consists of:
- Frontend (React + TypeScript)
- Backend (Spring Boot, REST API)
- PostgreSQL database
- REST API endpoints for managing task lists and tasks
Basic project structure created (completed)
Backend endpoints for task lists (completed)
Todo/task features in development (completed)
Frontend integration with backend (completed)
taskTrackerApp/
├── taskTracker-frontend/ # React frontend
├── taskTracker/ # Spring Boot backend
├── .gitignore
├── README.md
🟢 Base layout and UI
🟢 View all task lists
🟢 View tasks inside a list
🟢 Add / edit / delete task lists
🟢 Add / edit / delete tasks
🟢 Spring Boot basics
🟢 REST API for task lists & tasks
🟢 PostgreSQL persistence
🟢 View all task lists endpoint
🟢 View tasks inside a list endpoint
🟢 Add / edit / delete task lists endpoints
🟢 Add / edit / delete tasks endpoints
Legend:
🟡 In progress | ⚪ Planned | 🟢 Completed
- Java 17+
- Node.js 18+
- PostgreSQL
- Maven
- IDE (optional)
- Navigate to backend project:
cd taskTracker- Configure your database in
application.properties:
spring.datasource.url=jdbc:postgresql://localhost:5432/your_db
spring.datasource.username=your_user
spring.datasource.password=your_password- Run backend:
./mvnw spring-boot:run- Navigate to frontend:
cd taskTracker-frontend- Install dependencies:
npm install- Start frontend:
npm start- Open:
http://localhost:3000
| Method | Path | Description |
|---|---|---|
| GET | /api/task-lists |
List all task lists |
| POST | /api/task-lists |
Create a new task list |
| GET | /api/task-lists/{id} |
Get task list details |
| PUT | /api/task-lists/{id} |
Update task list |
| DELETE | /api/task-lists/{id} |
Delete task list |