1. Problem Statement & Requirements

For IT graduation capstone projects focusing on Fullstack Web development, university panels typically require students to resolve real-world challenges related to large-scale data management, precise transactional calculations, granular user role authentication, and high responsiveness (SPA).

Functional Requirements: Product catalog management, real-time order tracking, customer loyalty calculations, and dynamic sales reporting analytics.
Non-functional Requirements: Secure API endpoints using JWT, optimized relational database design avoiding data redundancy (3NF normalization).

2. Solution & System Architecture

The system utilizes a decoupled 3-tier architecture to support independent development, testing, and deployment cycles:

Process flow architecture:

[Client React App] --- (HTTPS / JSON + JWT Token) ---> [REST API Controller]

[Spring Boot Security] ---> [Business Service Layer] ---> [Spring Data JPA] ---> [PostgreSQL Database]

The relational database (ERD) features 8 normalized tables with indexes optimized for order codes and customer IDs, guaranteeing fast query execution and optimal database performance.

3. Technologies Used

Frontend

ReactJS, Tailwind CSS, Axios, Chart.js for building interactive reporting dashboards.

Backend

Spring Boot, Spring Security (JWT), Hibernate/JPA implementing clean RESTful API standards.

Database & Ops

PostgreSQL, Docker Containers, staging deployment configured on Render/Vercel.

4. Results & Demo

Delivered successfully within the agreed 3-week timeline, achieving 100% compliance in black-box and basic performance test suites:

Live Dashboard Interface

Interactive chart widgets showcasing real-time store revenue statistics connected directly to REST API endpoints.

Fully responsive design running smoothly across mobile, tablet, and desktop screens.
API response latency is optimized for rapid execution in the sandbox demo environment.
Supplied complete system documentation including UML Sequence Diagrams and Class Diagrams.

Interested in referencing this architecture or need custom mentoring for a similar project?