This is a Single Page Appliaction with client-side rendering. It includes backend and frontend as two seperate projects. The frontend client makes API calls to the backend server when it is running.

• REST API
• Docker
• Docker Compose
• JWT authentication
• Cookie based visitors' shopping cart
• Persistent customers' shopping cart
• Cart & order management
• Checkout
• Catalogue
• Order management
• Pagination

Backend

• Java 14
• Spring Boot 2.4
• Spring Security
• JWT Authentication
• Spring Data JPA
• Hibernate
• PostgreSQL
• Maven

Frontend

• Angular 11
• Angular CLI
• Bootstrap

Start the backend server before the frontend client.

Backend

1. Install PostgreSQL
2. Configure datasource in application.yml.
3. cd backend.
4. Run mvn install.
5. Run mvn spring-boot:run.
6. Spring Boot will import mock data into database by executing import.sql automatically.
7. The backend server is running on localhost:8080.

Frontend

1. Install Node.js and npm
2. cd frontend.
3. Run npm install.
4. Run ng serve
5. The frontend client is running on localhost:4200.

Note: The backend API url is configured in src/environments/environment.ts of the frontend project. It is localhost:8080/api by default.

You can build the image and run the container with Docker.

1. Build backend project

cd backend
mvn package

2. Build fontend project

cd frontend
npm install
ng build --prod

3. Build images and run containers

docker-compose up --build