spring-boot-react-ecommerce-app

eCommerce application based on the microservices architecture built using Spring Boot and ReactJS.

DEMO

Deployed to Heroku Cloud:

https://shoppers-ecom-app.herokuapp.com

Note: It is running on a free dyno, so the services go to sleep if not in use. For the first time, it may take some time to respond.

FEATURES

TOOLS USED

ReactJS: Front-end Javascript framework.
Spring Boot 2.0: Back-end JAVA framework to build microservices using Spring Rest Controller and Spring JPA.
Material-UI: Used Google's material design based on the CSS Framework for a responsive website.
Semantic-UI: Used some components which Material-UI doesn't support.
MySQL: Stores product and user information.
Redis: Stores API data in key-value pairs.
Cloudinary: CDN server for storing product images.
Google OAuth: 3rd Party authentication service for quick login by retrieving user profile information.
Stripe: Payment service API to handle user payment requests.
Heroku Cloud Platform: Deploying microservices on Heroku.
Docker-Compose: Easy way to bring up the application using containerization and behaves similarly in the production environment.

MICROSERVICES

React-UI Service: Front-end client UI which displays data and makes API calls using Axios API.
Common Data Service: Handles client request to provide common data such as product, filters, categories and order information, etc.
Authentication Service: Creates user account and handles username/password authentication.
Payment Service: Handles payment requests from the client and makes a subsequent request to Stripe API for money deduction.
Search Suggestion Service: Provide default search suggestions and provides suggestions based on a prefix using Hashmap. The service creates the Hashmap based on available data from the database with various combinations and populates the map.

Steps for executing the application using docker-compose:

Clone/Download the repository.
Set the environmental variables which will be impacted on docker-compose.yml.
1. Rename the file ".env-sample" to ".env".
2. (Optional Step) You need to create a Stripe account and Google OAuth credentials. The application works even if you don't create this account, only the payment and OAuth functionality will not work. These accounts doesn't charge you anything and are absolutely free.
  
  You need to set below two env variables.
  
  REACT_APP_STRIPE_PUBLISH_KEY=
  
  Go Here to create a Stripe account.
  
  REACT_APP_GOOGLE_AUTH_CLIENT_ID=
  
  Go Here to create Google OAuth Credentials.
Build all the microservices and run the app using docker-compose. This is done using ./start-all.sh script which creates the network and set the container dependencies based on the config mention in the docker-compose.yml. This will build all the jar files and run all the services.
```
   ./start-all.sh
```
If you are making any change in the code then you need to you ./stop-all.sh to clean up the jars created by ./start-all.sh script.

Payment Service Test Details:

Credit card no.: 4242 4242 4242 4242
Expiry: Any future date
CVV: Any 3-digit number

Steps to deploy on Heroku using docker-compose:

create heroku.yml as docker-compose.yml is not invoked on Heroku.
If the application contains a database then install MySQL or any other database from Heroku marketplace[https://elements.heroku.com].

Note: Before installing you need to add credit/debit card info. Without this it won't allow you to install the database.
Set the config vars based on the database URL.
Set the stack:container for the application in order to build with docker-compose.
```
   heroku stack:set container -a <application-name>
```
Deploy individual service on Heroku.

References

whaha-ha / spring-boot-react-ecommerce Goto Github PK