Online Bidding System Project using Spring Boot + React JS + MySQL | Online Auction System Project

online bidding system ebay img

Online Bidding System using Spring Boot, React JS & MySQL


The Online Bidding System or Online Auction System Project using Spring Boot & React JS ensures a seamless experience for all involved. As an Admin, Admin can add the Product Categories into the System, so that Seller can sell the products from these Categories only. The Customer can register & log into the system by himself. Now the Customer can Buy or Sell the products with the same login, each customer will have their own Wallet in which they can add their money.

The Customer can add the product into the system for selling his product by entering the correct details such as name, category, asking price & product end time. Once the Seller adds the product into the system, it will be visible on the website Home Page and now the Buyer can Bid on the product and before bidding on the product, the buyer should have Sufficient Balance in his wallet. Buyers can Bid on the product till the product's expiry time.

After the product expiry, it will automatically get allocated to the highest bid buyer. Once the Product is allocated to the Buyer, the Seller will be able to see the Buyer's details and now the Seller can assign this product order to the delivery person for the Product Delivery to the Buyer. After this Delivery Person can log into the system and update the Order Delivery Status and the same thing will be visible to the Buyer and Seller.

In the end, the Admin can see the complete details about the Products, Sellers, Sellers Delivery Persons, Buyers, etc.


online bidding system project

`

Technologies Used in Online Bidding System

1. Spring Boot (REST APIS)

We have developed an Online Auction System project using Spring Boot 3 and Spring Security 6.

2. React JS (Frontend)

3. MySQL for Database

4. Maven for project management

5. Bootstrap (Styling)


Software Used in Online Auction System Project

1. STS (Spring Tool Suite)

For developing our backend, an Online Bidding System project using Spring Boot, we have used STS (Spring Tool Suite) or Eclipse Ide. But yes, we can use other IDEs like Intellij Idea, NetBeans, etc.

2. VS Code (Visual Studio Code)

For developing our frontend, an Online Auction System project using React JS, we have used VS Code (Visual Studio Code).

3. MySQL Workbench

For efficient querying and manipulation of data, we have used MySQL Workbench. 

Note: If we want to use databases other than Mysql like Postgresql or Oracle, etc. we can use that also, for that, we have to do the simple configuration.


User Modules in Online Bidding System Project

The project basically has three user modules:

1) ADMINISTRATOR MODULE

2) CUSTOMER MODULE (Buyer & Seller)

3) DELIVERY MODULE


Functional Modules in Online Bidding System Project


1) User Authentication Module

The registration and Login system has been added so that only authenticated users (Admin, Customer, or Delivery Person) can perform their functionalities. For authentication, we have used Spring Security 6 and JWT.

2) Customer Module

Register Customer, Login Customer, View All Customers.

3) Delivery Module

Register Delivery Person, Login Delivery Person, Delete Delivery Person, View all Delivery Person.

4) Product Module

Add Product, View All Products, View Seller Products, Update Product, Delete Product.

5) Bidding Module

Add Product Bid, Delete Bid, View All Product Bids.

6) Order Module

Allocate Product Orders to Buyer, View Customer Orders, View all Orders, Assign Delivery Person for Orders, Update Order Delivery Status, etc.


OVERVIEW

online bidding system overview img


The Online Auction System or Online Bidding System Project using Spring Boot & React JS is a three-module project that ensures a seamless experience for all involved. As an Admin, Admin can add the Product Categories into the System, so that Seller can sell the products from these Categories only. The Customer can register & log into the system by himself. After login Customer (Seller) can register the delivery person who will deliver their products to the Buyer. Now the Customer can Buy or Sell the products with the same login, each customer will have their own Wallet in which they can add their money.

The Customer can add the product into the system for selling his product by entering the correct details such as name, category, asking price & product end time. Once the Seller adds the product into the system, it will be visible on the website Home Page and now the Buyer can Bid on the product and before bidding on the product, the buyer should have Sufficient Balance in his wallet. Buyers can Bid on the product till the product's expiry time.

After the product expiry, it will automatically get allocated to the highest bid buyer and the Bid amount will get debited from the Buyer's Wallet and it will get Credited to the Seller's Wallet. Once the Product is allocated to the Buyer, the Seller will be able to see the Buyer's details and now the Seller can assign this product order to the delivery person for the Product Delivery to the Buyer. After this Delivery Person can log into the system and update the Order Delivery Status and the same thing will be visible to the Buyer and Seller.

In the end, the Admin can see the complete details about the Products, Sellers, Sellers Delivery Persons, Buyers, etc.

ROLES OF USER

ADMIN ROLE

1) Admin will be able to log in to the System.

When we successfully run our spring boot application, it automatically creates a default Admin with the credential "demo.admin@demo.com" as the email and "123456" password. So by using this, the admin can log in to the system.

By using the below form, All users (Admin, Employer & Employee) can log into the system by selecting the user role.


2) Admin can register other admins.

After the Admin login, the admin can register Admins into the system by using the below form.


3) Admin can add Product Categories

Admin can add multiple categories into the system and Sellers can add the products from these categories only.


4) Admin can view and delete the product categories

Admin can view all the product categories added by him and he can delete the categories by clicking on the delete button. Once Admin deletes the category, all the products under that category from all sellers will also get deleted.


5) The Admin can update the Category.

Admin can update the Category by below form.

6) Admin can view all the products.

Admin can view all the products from all the sellers along with their status.

all seller products img

7) Admin can view all the Customer orders.

Admin can view all the Buyer Orders from all the sellers, he can also search the orders by order ID as shown below.

online auction system orders img

8) Admin can view all the customers.

Admin can view all the registered customers in the system as shown below.


9) Admin can view all the Delivery Persons.

Admin can view all the registered delivery persons from all the Customers.



CUSTOMER ROLE

Note: Customer can Sell the product and he can also Buy the products by bidding on it with the same login.

1) Customers can register themselves by using the below form.


2) Customer can add his product

The Customer can add his products to the system if he wants to sell any Product. So to add the product, the seller has to enter all the basic details of the product like name, description, category, and most importantly product asking price & expiry time as shown below.

online auction system add product img

3) Customers can view all their products

The Customer can view all the products that were added by him and by clicking on the delete button he can also delete the product but the status of the product should be available.

Along with this, Customers can also filter the products by selecting the status from (Available, Deactivated, Sold, and unsold)

online auction system all product img

5) Customers can update their product.

The Customer can update any of his products at any time but the status of the product should be available, 

Also If the product is Unsold then the Customer can update the product expiry date time.

spring boot product bidding img

6) Customer can view all his orders.

The customer can view all the buyer orders of his products as shown.

online auction system seller orders img

7) Customer can assign a delivery person for an order.

The Customer can assign a delivery person for the Buyer's orders.


8) Customers can view all products and bid on the products.

Customers can view all the listed products from all the Seller's on the home page as shown below.

online bidding product img


The Customers can search the products by categories and also they can search the products by name as shown above. Now if the customer wants to see the product in detail then he can simply click on the Start Bid Button, then we will be able to see the complete product details as shown below.

online product bidding img

In the above picture, we can see the complete details about the product, and along with this we are also able to see all the product Bids from all the Buyers, and also if we notice we'll not be able to see the Buyer Name. Only the Seller will be able to see the Buyer's Details after winning the product.

After this, the customer can also Bid on this product, but a sufficient balance should be present in the Customer Wallet, and note that Customers can't Bid on their own product.

Now after adding the Bid on the product, the product will be allocated to the Highest Bidder after the product's end date, and at this time, the Buyer's Wallet will be debited with the Bid amount and it will get credited to the Seller's Wallet.

9) Customers can view their Bids on other products.

Customers can view their Bids on the other products along with the status as shown below.

buyer product bidding img

10) Customers can view their Wallet.

Customers can view their Wallet and update their Wallet as shown below.


11) Customers can register their Delivery Person by using the below form.


12) Customers can view and delete their Delivery Persons.

The Customer can view all the delivery persons which was registered by him and at any time he can delete the delivery persons.



DELIVERY PERSON ROLE

1) The Delivery Person can view Delivery Orders assigned to him

Delivery Person can view all the delivery orders assigned to them by the seller as shown below.


2) The Delivery Person can update the Delivery Status of Orders.

The delivery Person can update the Delivery Status of the orders that were assigned to him by the seller. and the same status will be visible to all i.e. Admin, Buyer (who made orders), and Seller.



OTHER SPRING BOOT & REACT JS PROJECTS 


1) Online Banking System using Spring Boot & React.

2) Hospital Management System using Spring Boot & React.

3) Hotel Booking System using Spring Boot & React.

4) E-commerce Project using Spring Boot & React.

5) Gym Management System using Spring Boot & React.

6) Employee Management System using Spring Boot & React.

7) Train Ticket Booking System using Spring Boot Microservices & React.

8) Online Bike Service Booking System using Spring Boot & React.

9) Turf Booking System Project using Spring Boot & React.

10) Task Management System Project using Spring Boot & React.

11) Airline Reservation System using Spring Boot & React.

12) Multi-Vendor E-commerce Project using Spring Boot & React.

13) Multi Vendor Online Food Ordering Project using Spring Boot & React.

14) Online Job Portal Project using Spring Boot & React.

15) Courier Management System Project using Spring Boot & React.

16) Online Exam Portal Project using Spring Boot & React.


Students can use this project for learning and can submit the project for their final year or Internship projects.

IF YOU WANT THE PROJECT DO CONTACT ME. 

I will give you the full project SOURCE CODE and I will do a COMPLETE SET-UP of the project on your PC or Laptop remotely.

Or You can simply Request for the Project Source Code & Set Up by clicking on the below button.

MAIL ME AT codewithmurad@gmail.com

DM ME ON INSTAGRAM at @codewithmurad

DM ME ON FACEBOOK at @codewithmurad 

DM ME ON TELEGRAM at @codewithmurad 

Connect on My Discord Server: CLICK HERE

Post a Comment

1 Comments