https://github.com/glistenstar/onlineshop-with-angular7
online-shop using angular and typescript
https://github.com/glistenstar/onlineshop-with-angular7
Last synced: about 1 month ago
JSON representation
online-shop using angular and typescript
- Host: GitHub
- URL: https://github.com/glistenstar/onlineshop-with-angular7
- Owner: GlistenSTAR
- Created: 2021-01-28T06:42:10.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2023-01-06T11:14:27.000Z (over 2 years ago)
- Last Synced: 2025-04-13T17:13:49.295Z (about 1 month ago)
- Language: Java
- Homepage:
- Size: 2.53 MB
- Stars: 3
- Watchers: 0
- Forks: 0
- Open Issues: 21
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Online Shop Application with angular framework
#### this project made by danilshelikhov
#### A full-stack Online Shop web application using Spring Boot 2 and Angular 7.
This is a Single Page Appliaction with client-side rendering. It includes [backend] and [frontend] two seperate projects on different branches.
The frontend client makes API calls to the backend server when it is running.
## Features
- REST API
- Docker
- Docker Compose
- JWT authentication
- Cookie based visitors' shopping cart
- Persistent customers' shopping cart
- Cart & order management
- Checkout
- Catalogue
- Order management
- Pagination
## Technology Stacks
**Backend**
- Java 11
- Spring Boot 2.2
- Spring Security
- JWT Authentication
- Spring Data JPA
- Hibernate
- PostgreSQL
- Maven
**Frontend**
- Angular 7
- Angular CLI
- Bootstrap
**Backend**
1. Install [PostgreSQL](https://www.postgresql.org/download/)
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](https://www.npmjs.com/get-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.
#### Run in Docker
You can build the image and run the container with Docker.
1. Build backend project
```bash
cd backend
mvn package
```
2. Build fontend project
```bash
cd frontend
npm install
ng build --prod
```
3. Build images and run containers
```bash
docker-compose up --build
```
## Thank you for reading..........