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.
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.
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.
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.
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
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.
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.
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.
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.
After that 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".
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.
Now let's log out from the application.
And now let's register 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.
And now the code with Murad is ADMIN. Let's login as admin now.
This is the admin page. Here Admin can see the total users.
And Admin can also see his profile.
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
1 Comments
This is one the most interesting reads I have came to read today. Web applications serve a lot these days.
ReplyDeleteCustom E-Commerce Development In Canada