Repository files navigation

Restful API for Online eCommerce Application using SpringBoot and Reactjs for frontEnd with Spring Security with JWT Implementation

An eCommerce Application backend with Java Spring Boot with frontend using the Reactjs

  • Welcome to the documentation for the Ecommerce API, a powerful RESTful API for an Online eCommerce Application developed using Spring Boot, Spring Security with JWT implementation, and React for the frontend. This API provides comprehensive endpoints to support various features of an Ecommerce Application.

Railway Deployed Apis

https://api-ecom.up.railway.app//swagger-ui/index.html#/

Tech Stack and Technology Used

  • Java
  • Spring Framework
  • Spring Boot
  • JavaScript
  • React
  • Spring Data JPA
  • Hibernate
  • MySQL (DataBase)
  • Swagger
  • Spring Security
  • JSON Web Tokens (JWT)
  • BCrypt
  • Maven
  • Axios

Schema Table

ER_diagram

Features

  • User registration and login with JWT authentication
  • Password encryption using BCrypt
  • Role-based authorization with Spring Security for user and admin
  • Customized access denied handling
  • User Module
  • Admin Module

Getting Started

To get started with this project, you will need to have the following installed on your local machine:

  • JDK 17+
  • Maven 3+

Installation & Run

To install this application, run the following commands:

Clone the project repository:

git clone https://github.com/Vivekgupta96/eCommerce-Application.git

Navigate to the project directory:

cd eCommerce-Application

This will get a copy of the project installed locally. To configure all of its dependencies and start each app, follow the instructions below.

Configure Database

Once MySQL is installed you must configure a username and password. By default the user and password should be root . If not, you must configure in the file application.configure located in the path src/main/resources/.

In the file application.configure you must edit the parameters spring.datasource.username and spring.datasource.password with the values you defined.

 server.port=8080
spring.datasource.url=jdbc:mysql://localhost:3306/Ecomdb
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
spring.datasource.username=SQLUsername(i.e=root)
spring.datasource.password=SQLUserPassword(i.e=root)

Build and run the Spring Boot application using CMD

mvnw spring-boot:run

## API Root Endpoint with Swagger Documentation

Railway Deployed Apis

https://api-ecom.up.railway.app/swagger-ui/index.html#/


- To Get Access as admin , you have to use below query for register the admin for the first time in MySQL databse folling are details below

step:1 use ecomdb;

step:2

INSERT INTO users (email, password, first_name, last_name, phone_number,user_role,user_account_status) VALUES ('admin@gmail.com', 'admin@1234', 'Admin', 'Admin', '9999999999',ROLE_ADMIN,ACTIVE);

step:3 Admin Login using credetials ,now you are ready to do all aldmin operation


## Admin Access point :- On Footer section rightSide (Admin Access) at Landing / Home PAge
## For Running frontend in Local Machine
- Getting Started
* Before you can run the React frontend, make sure you have the following prerequisites installed on your machine:
* Node.js: Ensure you have Node.js installed.
### Installation
- Once you have the prerequisites in place, follow these steps to install the required packages for the React frontend:
- Open your terminal and navigate to the root directory of the React frontend project. This is the directory where you find the package.json file.
- Run the following command to install all the necessary packages:

npm install


- This command will download and install all the dependencies listed in the package.json file.
### Running the Application
- To run the React frontend locally, follow these steps:
- Open your terminal and navigate to the root directory of the React frontend project.
- Run the following command to start the development server:

npm start


Open your web browser and navigate to the following URL:

http://localhost:3000

You should now see the React frontend of the Ecommerce Application running locally.

Below are the website Shot

register

login

home

product

cart

history

profile

admin

Allorderdetails

productadd

alluser

Below are the endPoint

endpoint1

endpoint2

endpoint3

endpoint4

endpoint5

Links

This project uses the following open source libraries:

About

eCommers-App is a Application where Customer can buy product and the admin can sell their product ,For front-End Using the React.Js and for Backend Using Java SpringBoot

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Skip to content

Repository files navigation

Restful API for Online eCommerce Application using SpringBoot and Reactjs for frontEnd with Spring Security with JWT Implementation

An eCommerce Application backend with Java Spring Boot with frontend using the Reactjs

  • Welcome to the documentation for the Ecommerce API, a powerful RESTful API for an Online eCommerce Application developed using Spring Boot, Spring Security with JWT implementation, and React for the frontend. This API provides comprehensive endpoints to support various features of an Ecommerce Application.

Railway Deployed Apis

https://api-ecom.up.railway.app//swagger-ui/index.html#/

Tech Stack and Technology Used

  • Java
  • Spring Framework
  • Spring Boot
  • JavaScript
  • React
  • Spring Data JPA
  • Hibernate
  • MySQL (DataBase)
  • Swagger
  • Spring Security
  • JSON Web Tokens (JWT)
  • BCrypt
  • Maven
  • Axios

Schema Table

ER_diagram

Features

  • User registration and login with JWT authentication
  • Password encryption using BCrypt
  • Role-based authorization with Spring Security for user and admin
  • Customized access denied handling
  • User Module
  • Admin Module

Getting Started

To get started with this project, you will need to have the following installed on your local machine:

  • JDK 17+
  • Maven 3+

Installation & Run

To install this application, run the following commands:

Clone the project repository:

git clone https://github.com/Vivekgupta96/eCommerce-Application.git

Navigate to the project directory:

cd eCommerce-Application

This will get a copy of the project installed locally. To configure all of its dependencies and start each app, follow the instructions below.

Configure Database

Once MySQL is installed you must configure a username and password. By default the user and password should be root . If not, you must configure in the file application.configure located in the path src/main/resources/.

In the file application.configure you must edit the parameters spring.datasource.username and spring.datasource.password with the values you defined.

 server.port=8080
spring.datasource.url=jdbc:mysql://localhost:3306/Ecomdb
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
spring.datasource.username=SQLUsername(i.e=root)
spring.datasource.password=SQLUserPassword(i.e=root)

Build and run the Spring Boot application using CMD

mvnw spring-boot:run

## API Root Endpoint with Swagger Documentation

Railway Deployed Apis

https://api-ecom.up.railway.app/swagger-ui/index.html#/


- To Get Access as admin , you have to use below query for register the admin for the first time in MySQL databse folling are details below

step:1 use ecomdb;

step:2

INSERT INTO users (email, password, first_name, last_name, phone_number,user_role,user_account_status) VALUES ('admin@gmail.com', 'admin@1234', 'Admin', 'Admin', '9999999999',ROLE_ADMIN,ACTIVE);

step:3 Admin Login using credetials ,now you are ready to do all aldmin operation


## Admin Access point :- On Footer section rightSide (Admin Access) at Landing / Home PAge
## For Running frontend in Local Machine
- Getting Started
* Before you can run the React frontend, make sure you have the following prerequisites installed on your machine:
* Node.js: Ensure you have Node.js installed.
### Installation
- Once you have the prerequisites in place, follow these steps to install the required packages for the React frontend:
- Open your terminal and navigate to the root directory of the React frontend project. This is the directory where you find the package.json file.
- Run the following command to install all the necessary packages:

npm install


- This command will download and install all the dependencies listed in the package.json file.
### Running the Application
- To run the React frontend locally, follow these steps:
- Open your terminal and navigate to the root directory of the React frontend project.
- Run the following command to start the development server:

npm start


Open your web browser and navigate to the following URL:

http://localhost:3000

You should now see the React frontend of the Ecommerce Application running locally.

Below are the website Shot

register

login

home

product

cart

history

profile

admin

Allorderdetails

productadd

alluser

Below are the endPoint

endpoint1

endpoint2

endpoint3

endpoint4

endpoint5

Links

This project uses the following open source libraries:

About

eCommers-App is a Application where Customer can buy product and the admin can sell their product ,For front-End Using the React.Js and for Backend Using Java SpringBoot

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix"); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Repository files navigation

Restful API for Online eCommerce Application using SpringBoot and Reactjs for frontEnd with Spring Security with JWT Implementation

An eCommerce Application backend with Java Spring Boot with frontend using the Reactjs

  • Welcome to the documentation for the Ecommerce API, a powerful RESTful API for an Online eCommerce Application developed using Spring Boot, Spring Security with JWT implementation, and React for the frontend. This API provides comprehensive endpoints to support various features of an Ecommerce Application.

Railway Deployed Apis

https://api-ecom.up.railway.app//swagger-ui/index.html#/

Tech Stack and Technology Used

  • Java
  • Spring Framework
  • Spring Boot
  • JavaScript
  • React
  • Spring Data JPA
  • Hibernate
  • MySQL (DataBase)
  • Swagger
  • Spring Security
  • JSON Web Tokens (JWT)
  • BCrypt
  • Maven
  • Axios

Schema Table

ER_diagram

Features

  • User registration and login with JWT authentication
  • Password encryption using BCrypt
  • Role-based authorization with Spring Security for user and admin
  • Customized access denied handling
  • User Module
  • Admin Module

Getting Started

To get started with this project, you will need to have the following installed on your local machine:

  • JDK 17+
  • Maven 3+

Installation & Run

To install this application, run the following commands:

Clone the project repository:

git clone https://github.com/Vivekgupta96/eCommerce-Application.git

Navigate to the project directory:

cd eCommerce-Application

This will get a copy of the project installed locally. To configure all of its dependencies and start each app, follow the instructions below.

Configure Database

Once MySQL is installed you must configure a username and password. By default the user and password should be root . If not, you must configure in the file application.configure located in the path src/main/resources/.

In the file application.configure you must edit the parameters spring.datasource.username and spring.datasource.password with the values you defined.

 server.port=8080
spring.datasource.url=jdbc:mysql://localhost:3306/Ecomdb
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
spring.datasource.username=SQLUsername(i.e=root)
spring.datasource.password=SQLUserPassword(i.e=root)

Build and run the Spring Boot application using CMD

mvnw spring-boot:run

## API Root Endpoint with Swagger Documentation

Railway Deployed Apis

https://api-ecom.up.railway.app/swagger-ui/index.html#/


- To Get Access as admin , you have to use below query for register the admin for the first time in MySQL databse folling are details below

step:1 use ecomdb;

step:2

INSERT INTO users (email, password, first_name, last_name, phone_number,user_role,user_account_status) VALUES ('admin@gmail.com', 'admin@1234', 'Admin', 'Admin', '9999999999',ROLE_ADMIN,ACTIVE);

step:3 Admin Login using credetials ,now you are ready to do all aldmin operation


## Admin Access point :- On Footer section rightSide (Admin Access) at Landing / Home PAge
## For Running frontend in Local Machine
- Getting Started
* Before you can run the React frontend, make sure you have the following prerequisites installed on your machine:
* Node.js: Ensure you have Node.js installed.
### Installation
- Once you have the prerequisites in place, follow these steps to install the required packages for the React frontend:
- Open your terminal and navigate to the root directory of the React frontend project. This is the directory where you find the package.json file.
- Run the following command to install all the necessary packages:

npm install


- This command will download and install all the dependencies listed in the package.json file.
### Running the Application
- To run the React frontend locally, follow these steps:
- Open your terminal and navigate to the root directory of the React frontend project.
- Run the following command to start the development server:

npm start


Open your web browser and navigate to the following URL:

http://localhost:3000

You should now see the React frontend of the Ecommerce Application running locally.

Below are the website Shot

register

login

home

product

cart

history

profile

admin

Allorderdetails

productadd

alluser

Below are the endPoint

endpoint1

endpoint2

endpoint3

endpoint4

endpoint5

Links

This project uses the following open source libraries:

About

eCommers-App is a Application where Customer can buy product and the admin can sell their product ,For front-End Using the React.Js and for Backend Using Java SpringBoot

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms"); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Repository files navigation

Restful API for Online eCommerce Application using SpringBoot and Reactjs for frontEnd with Spring Security with JWT Implementation

An eCommerce Application backend with Java Spring Boot with frontend using the Reactjs

  • Welcome to the documentation for the Ecommerce API, a powerful RESTful API for an Online eCommerce Application developed using Spring Boot, Spring Security with JWT implementation, and React for the frontend. This API provides comprehensive endpoints to support various features of an Ecommerce Application.

Railway Deployed Apis

https://api-ecom.up.railway.app//swagger-ui/index.html#/

Tech Stack and Technology Used

  • Java
  • Spring Framework
  • Spring Boot
  • JavaScript
  • React
  • Spring Data JPA
  • Hibernate
  • MySQL (DataBase)
  • Swagger
  • Spring Security
  • JSON Web Tokens (JWT)
  • BCrypt
  • Maven
  • Axios

Schema Table

ER_diagram

Features

  • User registration and login with JWT authentication
  • Password encryption using BCrypt
  • Role-based authorization with Spring Security for user and admin
  • Customized access denied handling
  • User Module
  • Admin Module

Getting Started

To get started with this project, you will need to have the following installed on your local machine:

  • JDK 17+
  • Maven 3+

Installation & Run

To install this application, run the following commands:

Clone the project repository:

git clone https://github.com/Vivekgupta96/eCommerce-Application.git

Navigate to the project directory:

cd eCommerce-Application

This will get a copy of the project installed locally. To configure all of its dependencies and start each app, follow the instructions below.

Configure Database

Once MySQL is installed you must configure a username and password. By default the user and password should be root . If not, you must configure in the file application.configure located in the path src/main/resources/.

In the file application.configure you must edit the parameters spring.datasource.username and spring.datasource.password with the values you defined.

 server.port=8080
spring.datasource.url=jdbc:mysql://localhost:3306/Ecomdb
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
spring.datasource.username=SQLUsername(i.e=root)
spring.datasource.password=SQLUserPassword(i.e=root)

Build and run the Spring Boot application using CMD

mvnw spring-boot:run

## API Root Endpoint with Swagger Documentation

Railway Deployed Apis

https://api-ecom.up.railway.app/swagger-ui/index.html#/


- To Get Access as admin , you have to use below query for register the admin for the first time in MySQL databse folling are details below

step:1 use ecomdb;

step:2

INSERT INTO users (email, password, first_name, last_name, phone_number,user_role,user_account_status) VALUES ('admin@gmail.com', 'admin@1234', 'Admin', 'Admin', '9999999999',ROLE_ADMIN,ACTIVE);

step:3 Admin Login using credetials ,now you are ready to do all aldmin operation


## Admin Access point :- On Footer section rightSide (Admin Access) at Landing / Home PAge
## For Running frontend in Local Machine
- Getting Started
* Before you can run the React frontend, make sure you have the following prerequisites installed on your machine:
* Node.js: Ensure you have Node.js installed.
### Installation
- Once you have the prerequisites in place, follow these steps to install the required packages for the React frontend:
- Open your terminal and navigate to the root directory of the React frontend project. This is the directory where you find the package.json file.
- Run the following command to install all the necessary packages:

npm install


- This command will download and install all the dependencies listed in the package.json file.
### Running the Application
- To run the React frontend locally, follow these steps:
- Open your terminal and navigate to the root directory of the React frontend project.
- Run the following command to start the development server:

npm start


Open your web browser and navigate to the following URL:

http://localhost:3000

You should now see the React frontend of the Ecommerce Application running locally.

Below are the website Shot

register

login

home

product

cart

history

profile

admin

Allorderdetails

productadd

alluser

Below are the endPoint

endpoint1

endpoint2

endpoint3

endpoint4

endpoint5

Links

This project uses the following open source libraries:

About

eCommers-App is a Application where Customer can buy product and the admin can sell their product ,For front-End Using the React.Js and for Backend Using Java SpringBoot

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links"); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + '
Skip to content

Repository files navigation

Restful API for Online eCommerce Application using SpringBoot and Reactjs for frontEnd with Spring Security with JWT Implementation

An eCommerce Application backend with Java Spring Boot with frontend using the Reactjs

  • Welcome to the documentation for the Ecommerce API, a powerful RESTful API for an Online eCommerce Application developed using Spring Boot, Spring Security with JWT implementation, and React for the frontend. This API provides comprehensive endpoints to support various features of an Ecommerce Application.

Railway Deployed Apis

https://api-ecom.up.railway.app//swagger-ui/index.html#/

Tech Stack and Technology Used

  • Java
  • Spring Framework
  • Spring Boot
  • JavaScript
  • React
  • Spring Data JPA
  • Hibernate
  • MySQL (DataBase)
  • Swagger
  • Spring Security
  • JSON Web Tokens (JWT)
  • BCrypt
  • Maven
  • Axios

Schema Table

ER_diagram

Features

  • User registration and login with JWT authentication
  • Password encryption using BCrypt
  • Role-based authorization with Spring Security for user and admin
  • Customized access denied handling
  • User Module
  • Admin Module

Getting Started

To get started with this project, you will need to have the following installed on your local machine:

  • JDK 17+
  • Maven 3+

Installation & Run

To install this application, run the following commands:

Clone the project repository:

git clone https://github.com/Vivekgupta96/eCommerce-Application.git

Navigate to the project directory:

cd eCommerce-Application

This will get a copy of the project installed locally. To configure all of its dependencies and start each app, follow the instructions below.

Configure Database

Once MySQL is installed you must configure a username and password. By default the user and password should be root . If not, you must configure in the file application.configure located in the path src/main/resources/.

In the file application.configure you must edit the parameters spring.datasource.username and spring.datasource.password with the values you defined.

 server.port=8080
spring.datasource.url=jdbc:mysql://localhost:3306/Ecomdb
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
spring.datasource.username=SQLUsername(i.e=root)
spring.datasource.password=SQLUserPassword(i.e=root)

Build and run the Spring Boot application using CMD

mvnw spring-boot:run

## API Root Endpoint with Swagger Documentation

Railway Deployed Apis

https://api-ecom.up.railway.app/swagger-ui/index.html#/


- To Get Access as admin , you have to use below query for register the admin for the first time in MySQL databse folling are details below

step:1 use ecomdb;

step:2

INSERT INTO users (email, password, first_name, last_name, phone_number,user_role,user_account_status) VALUES ('admin@gmail.com', 'admin@1234', 'Admin', 'Admin', '9999999999',ROLE_ADMIN,ACTIVE);

step:3 Admin Login using credetials ,now you are ready to do all aldmin operation


## Admin Access point :- On Footer section rightSide (Admin Access) at Landing / Home PAge
## For Running frontend in Local Machine
- Getting Started
* Before you can run the React frontend, make sure you have the following prerequisites installed on your machine:
* Node.js: Ensure you have Node.js installed.
### Installation
- Once you have the prerequisites in place, follow these steps to install the required packages for the React frontend:
- Open your terminal and navigate to the root directory of the React frontend project. This is the directory where you find the package.json file.
- Run the following command to install all the necessary packages:

npm install


- This command will download and install all the dependencies listed in the package.json file.
### Running the Application
- To run the React frontend locally, follow these steps:
- Open your terminal and navigate to the root directory of the React frontend project.
- Run the following command to start the development server:

npm start


Open your web browser and navigate to the following URL:

http://localhost:3000

You should now see the React frontend of the Ecommerce Application running locally.

Below are the website Shot

register

login

home

product

cart

history

profile

admin

Allorderdetails

productadd

alluser

Below are the endPoint

endpoint1

endpoint2

endpoint3

endpoint4

endpoint5

Links

This project uses the following open source libraries:

About

eCommers-App is a Application where Customer can buy product and the admin can sell their product ,For front-End Using the React.Js and for Backend Using Java SpringBoot

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Repository files navigation

Restful API for Online eCommerce Application using SpringBoot and Reactjs for frontEnd with Spring Security with JWT Implementation

An eCommerce Application backend with Java Spring Boot with frontend using the Reactjs

  • Welcome to the documentation for the Ecommerce API, a powerful RESTful API for an Online eCommerce Application developed using Spring Boot, Spring Security with JWT implementation, and React for the frontend. This API provides comprehensive endpoints to support various features of an Ecommerce Application.

Railway Deployed Apis

https://api-ecom.up.railway.app//swagger-ui/index.html#/

Tech Stack and Technology Used

  • Java
  • Spring Framework
  • Spring Boot
  • JavaScript
  • React
  • Spring Data JPA
  • Hibernate
  • MySQL (DataBase)
  • Swagger
  • Spring Security
  • JSON Web Tokens (JWT)
  • BCrypt
  • Maven
  • Axios

Schema Table

ER_diagram

Features

  • User registration and login with JWT authentication
  • Password encryption using BCrypt
  • Role-based authorization with Spring Security for user and admin
  • Customized access denied handling
  • User Module
  • Admin Module

Getting Started

To get started with this project, you will need to have the following installed on your local machine:

  • JDK 17+
  • Maven 3+

Installation & Run

To install this application, run the following commands:

Clone the project repository:

git clone https://github.com/Vivekgupta96/eCommerce-Application.git

Navigate to the project directory:

cd eCommerce-Application

This will get a copy of the project installed locally. To configure all of its dependencies and start each app, follow the instructions below.

Configure Database

Once MySQL is installed you must configure a username and password. By default the user and password should be root . If not, you must configure in the file application.configure located in the path src/main/resources/.

In the file application.configure you must edit the parameters spring.datasource.username and spring.datasource.password with the values you defined.

 server.port=8080
spring.datasource.url=jdbc:mysql://localhost:3306/Ecomdb
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
spring.datasource.username=SQLUsername(i.e=root)
spring.datasource.password=SQLUserPassword(i.e=root)

Build and run the Spring Boot application using CMD

mvnw spring-boot:run

## API Root Endpoint with Swagger Documentation

Railway Deployed Apis

https://api-ecom.up.railway.app/swagger-ui/index.html#/


- To Get Access as admin , you have to use below query for register the admin for the first time in MySQL databse folling are details below

step:1 use ecomdb;

step:2

INSERT INTO users (email, password, first_name, last_name, phone_number,user_role,user_account_status) VALUES ('admin@gmail.com', 'admin@1234', 'Admin', 'Admin', '9999999999',ROLE_ADMIN,ACTIVE);

step:3 Admin Login using credetials ,now you are ready to do all aldmin operation


## Admin Access point :- On Footer section rightSide (Admin Access) at Landing / Home PAge
## For Running frontend in Local Machine
- Getting Started
* Before you can run the React frontend, make sure you have the following prerequisites installed on your machine:
* Node.js: Ensure you have Node.js installed.
### Installation
- Once you have the prerequisites in place, follow these steps to install the required packages for the React frontend:
- Open your terminal and navigate to the root directory of the React frontend project. This is the directory where you find the package.json file.
- Run the following command to install all the necessary packages:

npm install


- This command will download and install all the dependencies listed in the package.json file.
### Running the Application
- To run the React frontend locally, follow these steps:
- Open your terminal and navigate to the root directory of the React frontend project.
- Run the following command to start the development server:

npm start


Open your web browser and navigate to the following URL:

http://localhost:3000

You should now see the React frontend of the Ecommerce Application running locally.

Below are the website Shot

register

login

home

product

cart

history

profile

admin

Allorderdetails

productadd

alluser

Below are the endPoint

endpoint1

endpoint2

endpoint3

endpoint4

endpoint5

Links

This project uses the following open source libraries:

About

eCommers-App is a Application where Customer can buy product and the admin can sell their product ,For front-End Using the React.Js and for Backend Using Java SpringBoot

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Repository files navigation

Restful API for Online eCommerce Application using SpringBoot and Reactjs for frontEnd with Spring Security with JWT Implementation

An eCommerce Application backend with Java Spring Boot with frontend using the Reactjs

  • Welcome to the documentation for the Ecommerce API, a powerful RESTful API for an Online eCommerce Application developed using Spring Boot, Spring Security with JWT implementation, and React for the frontend. This API provides comprehensive endpoints to support various features of an Ecommerce Application.

Railway Deployed Apis

https://api-ecom.up.railway.app//swagger-ui/index.html#/

Tech Stack and Technology Used

  • Java
  • Spring Framework
  • Spring Boot
  • JavaScript
  • React
  • Spring Data JPA
  • Hibernate
  • MySQL (DataBase)
  • Swagger
  • Spring Security
  • JSON Web Tokens (JWT)
  • BCrypt
  • Maven
  • Axios

Schema Table

ER_diagram

Features

  • User registration and login with JWT authentication
  • Password encryption using BCrypt
  • Role-based authorization with Spring Security for user and admin
  • Customized access denied handling
  • User Module
  • Admin Module

Getting Started

To get started with this project, you will need to have the following installed on your local machine:

  • JDK 17+
  • Maven 3+

Installation & Run

To install this application, run the following commands:

Clone the project repository:

git clone https://github.com/Vivekgupta96/eCommerce-Application.git

Navigate to the project directory:

cd eCommerce-Application

This will get a copy of the project installed locally. To configure all of its dependencies and start each app, follow the instructions below.

Configure Database

Once MySQL is installed you must configure a username and password. By default the user and password should be root . If not, you must configure in the file application.configure located in the path src/main/resources/.

In the file application.configure you must edit the parameters spring.datasource.username and spring.datasource.password with the values you defined.

 server.port=8080
spring.datasource.url=jdbc:mysql://localhost:3306/Ecomdb
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
spring.datasource.username=SQLUsername(i.e=root)
spring.datasource.password=SQLUserPassword(i.e=root)

Build and run the Spring Boot application using CMD

mvnw spring-boot:run

## API Root Endpoint with Swagger Documentation

Railway Deployed Apis

https://api-ecom.up.railway.app/swagger-ui/index.html#/


- To Get Access as admin , you have to use below query for register the admin for the first time in MySQL databse folling are details below

step:1 use ecomdb;

step:2

INSERT INTO users (email, password, first_name, last_name, phone_number,user_role,user_account_status) VALUES ('admin@gmail.com', 'admin@1234', 'Admin', 'Admin', '9999999999',ROLE_ADMIN,ACTIVE);

step:3 Admin Login using credetials ,now you are ready to do all aldmin operation


## Admin Access point :- On Footer section rightSide (Admin Access) at Landing / Home PAge
## For Running frontend in Local Machine
- Getting Started
* Before you can run the React frontend, make sure you have the following prerequisites installed on your machine:
* Node.js: Ensure you have Node.js installed.
### Installation
- Once you have the prerequisites in place, follow these steps to install the required packages for the React frontend:
- Open your terminal and navigate to the root directory of the React frontend project. This is the directory where you find the package.json file.
- Run the following command to install all the necessary packages:

npm install


- This command will download and install all the dependencies listed in the package.json file.
### Running the Application
- To run the React frontend locally, follow these steps:
- Open your terminal and navigate to the root directory of the React frontend project.
- Run the following command to start the development server:

npm start


Open your web browser and navigate to the following URL:

http://localhost:3000

You should now see the React frontend of the Ecommerce Application running locally.

Below are the website Shot

register

login

home

product

cart

history

profile

admin

Allorderdetails

productadd

alluser

Below are the endPoint

endpoint1

endpoint2

endpoint3

endpoint4

endpoint5

Links

This project uses the following open source libraries:

About

eCommers-App is a Application where Customer can buy product and the admin can sell their product ,For front-End Using the React.Js and for Backend Using Java SpringBoot

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content

Repository files navigation

Restful API for Online eCommerce Application using SpringBoot and Reactjs for frontEnd with Spring Security with JWT Implementation

An eCommerce Application backend with Java Spring Boot with frontend using the Reactjs

  • Welcome to the documentation for the Ecommerce API, a powerful RESTful API for an Online eCommerce Application developed using Spring Boot, Spring Security with JWT implementation, and React for the frontend. This API provides comprehensive endpoints to support various features of an Ecommerce Application.

Railway Deployed Apis

https://api-ecom.up.railway.app//swagger-ui/index.html#/

Tech Stack and Technology Used

  • Java
  • Spring Framework
  • Spring Boot
  • JavaScript
  • React
  • Spring Data JPA
  • Hibernate
  • MySQL (DataBase)
  • Swagger
  • Spring Security
  • JSON Web Tokens (JWT)
  • BCrypt
  • Maven
  • Axios

Schema Table

ER_diagram

Features

  • User registration and login with JWT authentication
  • Password encryption using BCrypt
  • Role-based authorization with Spring Security for user and admin
  • Customized access denied handling
  • User Module
  • Admin Module

Getting Started

To get started with this project, you will need to have the following installed on your local machine:

  • JDK 17+
  • Maven 3+

Installation & Run

To install this application, run the following commands:

Clone the project repository:

git clone https://github.com/Vivekgupta96/eCommerce-Application.git

Navigate to the project directory:

cd eCommerce-Application

This will get a copy of the project installed locally. To configure all of its dependencies and start each app, follow the instructions below.

Configure Database

Once MySQL is installed you must configure a username and password. By default the user and password should be root . If not, you must configure in the file application.configure located in the path src/main/resources/.

In the file application.configure you must edit the parameters spring.datasource.username and spring.datasource.password with the values you defined.

 server.port=8080
spring.datasource.url=jdbc:mysql://localhost:3306/Ecomdb
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
spring.datasource.username=SQLUsername(i.e=root)
spring.datasource.password=SQLUserPassword(i.e=root)

Build and run the Spring Boot application using CMD

mvnw spring-boot:run

## API Root Endpoint with Swagger Documentation

Railway Deployed Apis

https://api-ecom.up.railway.app/swagger-ui/index.html#/


- To Get Access as admin , you have to use below query for register the admin for the first time in MySQL databse folling are details below

step:1 use ecomdb;

step:2

INSERT INTO users (email, password, first_name, last_name, phone_number,user_role,user_account_status) VALUES ('admin@gmail.com', 'admin@1234', 'Admin', 'Admin', '9999999999',ROLE_ADMIN,ACTIVE);

step:3 Admin Login using credetials ,now you are ready to do all aldmin operation


## Admin Access point :- On Footer section rightSide (Admin Access) at Landing / Home PAge
## For Running frontend in Local Machine
- Getting Started
* Before you can run the React frontend, make sure you have the following prerequisites installed on your machine:
* Node.js: Ensure you have Node.js installed.
### Installation
- Once you have the prerequisites in place, follow these steps to install the required packages for the React frontend:
- Open your terminal and navigate to the root directory of the React frontend project. This is the directory where you find the package.json file.
- Run the following command to install all the necessary packages:

npm install


- This command will download and install all the dependencies listed in the package.json file.
### Running the Application
- To run the React frontend locally, follow these steps:
- Open your terminal and navigate to the root directory of the React frontend project.
- Run the following command to start the development server:

npm start


Open your web browser and navigate to the following URL:

http://localhost:3000

You should now see the React frontend of the Ecommerce Application running locally.

Below are the website Shot

register

login

home

product

cart

history

profile

admin

Allorderdetails

productadd

alluser

Below are the endPoint

endpoint1

endpoint2

endpoint3

endpoint4

endpoint5

Links

This project uses the following open source libraries:

About

eCommers-App is a Application where Customer can buy product and the admin can sell their product ,For front-End Using the React.Js and for Backend Using Java SpringBoot

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages