E-commerce Project using JSP and Servlet , MySQL , BootStrap

Responsive E-Commerce Web-Application 

"E-Commerce(Electronic Commerce) is a process of doing business through computer networks. The primary goal of an e-commerce site is to sell goods and services online. Online Shopping is a form of electronic shopping store where the buyer can directly communicate with the sellers usually via the Internet"

Technologies used for developing the project are :

1. JSP & Servlet

2. MySQL

3. BootStrap

4. JavaScript

NOTE: (Click Me to check all the available projects)

NOTE: In this project, I have also added PAYMENT METHOD.

The project basically has two modules:

1) CUSTOMER MODULE

2) ADMIN MODULE

Let's see the project in detail.

Let's see the project in detail.

So this is our HOME PAGE user can see all the products which are available on the e-commerce website.

He can also see the products based on the categories which are available on the website.

HOME PAGE

So here user can see the products based on the categories like we can see when the user clicks on a mobile category all the products which are under the mobile category will get displayed on the screen.

In a similar manner, when we click on other categories all the product-related that category will get displayed on the screen.

And if want users can also search for products from the header part. Let's suppose the user search red, so all the products which contain red in their product title will get displayed on the screen.

products based on the categories

If we see the product on the screen we are able to see the product title, product image, price, discount, quantity. And if we see a product description after some words I have added 3 dots. Because If I try to add the whole description here only then it takes too much space and thereby it will not look good.

But If a user wants to see the whole description he can open that product.

product on the screen

So users can see the whole details here and below the selected product we will be able to see RELATED PRODUCTS.

But, now the user has to log in as a customer to buy the product otherwise we will get the message as "Please login to buy the product."

At the header part i.e. at the navbar beside the search option we have the About page, contact us, forget the password, register, and login options

ABOUT US 

navbar beside the search option

CONTACT US

customer to buy the product

FORGET PASSWORD

FORGET PASSWORD

And Now Let's Register as a Customer. Here all the fields on the registration page are validated. We are registering the first user as AFZAL.

Register as a Customer

So after registration as Afzal, we will get the message "REGISTRATION SUCCESSFUL" and Afzal's details will get added to the database.

REGISTRATION SUCCESSFUL

Now we again try to register as Afzal's email Id then we will get a message as "THIS USER IS ALREADY  REGISTERED".

Now if we try to log in with the wrong email Id we will get the message as "THIS USER IS NOT REGISTERED".

Let's login by entering the proper details.

login by entering the proper details
Here, after logging in as a customer, we will able to see some more options at the header (Navigation bar) like cart, my orders, change password, and logout.

after logging in as a customer

Now users can buy the product. So let's add some products to the cart. 

users can buy the product

Let's suppose Afzal adds iPhone 12 mini with 9 to the cart. The product in the cart will get an increase from 0 to 1 with the total price.

product in the cart

Now let's suppose Afzal adds 2 more quantities of iPhone mini then this time only it's quantity will increase from 9 to 11 with the total price.

Similarly, Let's add more products to the cart. Suppose Afzal adds this many products.

add more products to the cart

Now Afzal can order products from here.

But before ordering, he can also remove the product from the cart. 

Let's suppose Afzal orders the products then he can see the products in My orders option with the ordered date and delivery date will be assigned by the admin if assigned by the admin the user will be able to see the processing... text as we can see in the below picture.

orders the products

After that user can also change his password.

user can also change his password

Now let's suppose the user tries to add 50 items of redmi note 8 to the cart but the stock is only 49, Then we will be able to see the message as "Only 49 item is available now".

redmi note 8 49 item is available now

And user adds all available items to the cart then after successful order of the products, the stock of that item will go out of stock.

after successful order of the products

go out of stock

Now let's log out from the application.

log out from the application

And now let's register as Admin as Code With Murad.

egister as Admin as Code With Murad

Here, after the registration Code With Murad will be registered as a customer implicitly. To make code with murad ADMIN we have to change the user type from normal to admin at the backend explicitly  

registration Code With Murad

And now the code with Murad is ADMIN. Let's login as admin now.

code with Murad is ADMIN

This is the admin page. Here Admin can see the total users.

Admin can see total users

Admin can see the total orders made by all users with an ordered date. 

all users with an ordered date

Here at the Delivery date, we are able to see NA i.e. Not Assigned because the admin has not assigned the delivery date to the users. So the admin can set the delivery date. After setting the delivery date it will look like this.

admin can set the delivery date

 After that Admin can see the total categories.

Admin can see the total categories

Admin can see the total products.

Admin can see the total products.

Admin can add the new category. Let's add the Laptop category.

add the Laptop category

add the new category

Admin can add the new products. Let's add a Hp laptop to the laptop category.

Hp laptop to the laptop category

So, now if we check products in the laptop category, then we will be able to see the Hp laptop.

products in the laptop category

able to see the Hp laptop

Now, from here admin UPDATE or DELETE the product. Let's update the hp laptop pic, price, and quantity.

update the hp laptop pic

update the hp laptop pic


Similarly, Admin can also delete the products. And also Admin can delete the whole categoryLet's delete the Camera category.

delete the whole category

delete the whole category

As we can see camera category got deleted. So all the products which were present in the laptop category got deleted.

And Admin can also see his profile.

camera category got deleted


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

  1. This is one the most interesting reads I have came to read today. Web applications serve a lot these days.

    Custom E-Commerce Development In Canada

    ReplyDelete