Link to Frontend repo: Harbe FE

• Nguyen Van Hoang Anh - [email protected] - Github - Facebook
• Hoang Duc Manh - [email protected] - Github - Facebook

• Nguyen Trinh Dong - [email protected]

• Harbe is an ecommerce system utilizing microservices architecture, using NextJS, ReactJS, TailwindCSS for frontend.
• I use SpringBoot to for services, Spring Cloud to make gateway, config server for microservices, Resilience4j to handle error, RabbitMQ to sync between services and Zipkin for tracing.
• The database I choose for this project is MySQL and Redis for cart service.
• You can see the report here

Application Architecture

• I implement a basic circuit breaker flow for demo.

Circuit Breaker

• This is the general Usecase Diagram for this application

General Usecase Diagram

• My application also implements Grafana and Prometheus to monitor, this is the general flow of Grafana and Prometheus:

Monitoring Flow

• Back-end
  • Java 17
  • Spring Boot 3: Authorization Server (OAuth 2), Statemachine ...
  • Spring Cloud Gateway, Open Feign, Stream ...
  • Elastic stack: Elasticsearch, Logstash, Kibana, Filebeat
  • Grafana stack: Prometheus, Grafana
  • Zipkin
  • Redis
• Front-end
  • NextJS 14
  • ReactJS
  • TailwindCSS
  • RadixUI
  • ShadcnUI

Some of the pictures of this Application

• Front-end:

Homepage Screen

Detail product Screen

Admin product Screen

• Back-end:

Spring Netflix Eureka

Prometheus Screen

Grafana Screen

Zipkin Screen

Zipkin Detail Screen

Zipkin Graph Screen

ELK Stack Screen

ELK Stack Screen