Online Shopping System | Java E-Commerce Project with Source Code | Shopping Cart | Part-1 : DEMO
Summary
TLDRIn this informative video, the presenter introduces an e-commerce project, an online shopping center, developed using Java. The project's source code is available on the presenter's GitHub profile. The video is part of a Java projects playlist, which has already garnered significant views and positive feedback. The presenter requests viewers to subscribe to the channel to encourage more content creation. The project, initially designed for electronics, can be adapted for other products. It utilizes HTML, CSS, JavaScript, and a minimal amount of jQuery on the front end, and Java, JDBC, JSP, and MySQL on the back end. The customer functionalities include login, registration, searching and viewing items, managing the shopping cart, credit card payment simulation, order placement, order tracking, user profile access, and feedback provision. An additional feature is email notifications for customer registration, order placement, shipping status, and stock updates. Admin capabilities include viewing, searching, filtering, adding, updating, and removing products, as well as managing orders. The video provides a comprehensive demo of the project's flow, from customer registration and product search to order placement and admin order processing. The presenter also demonstrates the admin's ability to update product quantities, which triggers email notifications to customers waiting for stock updates. The video concludes with a teaser for the next video, which will cover the setup guide for running the project locally.
Takeaways
- 🛒 The project is an online shopping center, an e-commerce platform built using Java.
- 📚 The base code for the project is available on the presenter's GitHub profile, which is linked in the video description.
- 📺 The video is part of a Java projects playlist, with one video already having 11k views, indicating a positive reception.
- 📈 The presenter requests viewers to subscribe to the channel to help motivate more content creation.
- 🔍 The platform allows customers to log in, log out, register, search for items, view items, add to cart, update and remove items from the cart, and process payments.
- 💳 After payment, orders are placed and customers can view and track their orders, as well as their user profiles and provide feedback to the admin.
- 📧 The system includes email notifications for customer registration, order placement, order shipping, and out-of-stock item availability updates.
- 🛍️ Admin functions include viewing, searching, filtering, adding, updating, and removing products, as well as managing orders and shipping.
- 💻 The technology stack used includes HTML, CSS, JavaScript, Bootstrap, Java, JDBC, JSP, and MySQL.
- 📈 The platform is initially set up for electronics product sales but can be adapted for other product types.
- 📹 The presenter provides a demo of the project, showcasing the customer and admin interfaces, including registration, product search, cart management, order placement, and admin order processing.
Q & A
What is the main topic of the video?
-The video is about an online shopping center project, an e-commerce system built using Java.
Where can the baseboard for the project be found?
-The baseboard for the project is available on the presenter's GitHub profile, with the URL shared in the video description.
What are the technologies used in the project?
-The front-end technologies used are HTML, CSS, JavaScript, and Bootstrap. The back-end technology is Java with JDBC and JSP, and the database used is MySQL.
What functionalities are available for customers?
-Customers can log in, log out, register, search and view items, add items to the shopping cart, update and remove items from the cart, proceed with credit card payment, place orders, track order status, view their profile, and provide feedback to the admin.
How does the email notification system work?
-The system sends emails to customers upon registration, order placement, order shipment, and when an item that was out of stock becomes available again.
What are the admin functionalities in the project?
-Admins can view, search, and filter products, add new products, update product details, remove stock items, check all orders, and ship orders.
How does the product search and category filter work?
-Customers can search for specific items using a search bar, and they can filter products by category to view items based on their requirements.
What happens when a customer tries to add an item to the cart that is out of stock?
-The system will not allow the customer to add more than the available quantity of the item to the cart, and the customer will receive an email when the item is back in stock.
How does the admin update the stock quantity of a product?
-The admin can go to the stock section, find the product, and update the quantity. Once updated, customers waiting for the item will receive an email notification.
What is the process for adding a new product to the store?
-The admin can go to the 'update items' section and click on 'ADD product'. They then enter the product details, such as name, description, price, quantity, and upload an image before adding the product to the store.
How can users provide feedback or request new features for the project?
-Users can comment in the description box of the video or raise a pull request (PR) on the GitHub repository to suggest improvements or new features for the project.
What will be covered in the next video?
-The next video will provide a setup guide on how to run the e-commerce project locally.
Outlines
📚 Introduction to the Online Shopping Center Project
The video introduces an e-commerce project called the Online Shopping Center, built using Java. The project's baseboard is available on the creator's GitHub, and the video is part of a Java projects playlist. The presenter thanks viewers for their support and asks for subscriptions to encourage more content. The video will be split into two parts, with the first part focusing on an introduction and a demo of the project's functionality. The project is designed for electronics product sales but can be adapted for other products. Technologies used include HTML, CSS, JavaScript, and Java with JDBC, JSP, and MySQL. Customer functions include login, registration, searching, viewing, adding to cart, updating, and removing items, making payments, and tracking orders. An additional feature is email notifications for customer registrations, order placements, and stock availability.
🛍️ Customer Experience and Registration Process
The presenter demonstrates the customer experience, starting with the ability to search and filter products by category. The process for logging in and registering as a customer is detailed, including the creation of a guest account for demonstration purposes. The presenter registers a new customer, emphasizing the importance of a valid email for receiving registration confirmation. After registration, the customer can log in and access various options like viewing products, managing the shopping cart, and checking order history. The checkout process is showcased, including adding items to the cart, adjusting quantities, and completing the order with a fake credit card payment. The presenter also discusses the email notification system that informs customers about order status.
🛒 Admin Functions and Order Management
The video continues with the admin perspective, showing how to log in with an admin account and manage the online store. Admins can view, search, and filter products, add or update product details, and remove items from the store. They can also manage orders, including viewing, shipping, and updating the status of customer orders. The presenter simulates shipping an order and shows how the system sends an email notification to the customer upon shipment. The admin can also delete items from the store and update product quantities, with customers being notified when out-of-stock items are restocked.
📦 Stock Management and Product Updates
The presenter focuses on stock management and product updates from the admin dashboard. They demonstrate how to delete products from the store, which removes them from search results and prevents further purchases. The video also covers how to update product details such as price and quantity, and how to add new products to the store. When a product's stock is updated, customers waiting for the item are notified via email. The presenter emphasizes the ease of managing product listings and ensuring customers are informed about product availability.
🔧 Project Customization and Future Setup Guide
The final paragraph discusses the potential for further customization and improvements to the project. The presenter invites viewers to suggest enhancements and contribute to the project by submitting pull requests on GitHub. They also provide a teaser for the next video, which will offer a setup guide to help viewers run the project locally. The presenter thanks viewers for watching, encourages engagement through likes, shares, and subscriptions, and asks for comments on the project or requests for other projects.
Mindmap
Keywords
💡E-commerce
💡Java
💡GitHub
💡HTML, CSS, JavaScript
💡MySQL
💡Customer Functions
💡Admin Functions
💡Email Notifications
💡Payment Gateway
💡Demo User
💡Stock Management
Highlights
Introduction of an online shopping center project, an e-commerce platform built using Java.
The project's source code is available on the presenter's GitHub profile, with a link provided in the video description.
The video is part of a Java projects playlist, which has received a positive response, with one video amassing 11k views.
A request for viewers to subscribe to the channel to support the creation and upload of more videos.
The video is divided into two parts due to length, with the first part focusing on the project introduction and a full demo.
The e-commerce project is designed for electronics products but can be adapted for other product categories.
Frontend technologies used include HTML, CSS, JavaScript, and Bootstrap, with minimal JavaScript that can be disregarded.
Backend technologies consist of Java, JDBC, JSP, and a server, utilizing a MySQL database.
Customer functionalities include login, logout, registration, searching and viewing items, managing the shopping cart, and processing credit card payments.
Customers can track order status, view their profile, and provide feedback to the admin.
An additional feature is mailing notifications sent to customers upon registration, order placement, and stock updates.
Admin functionalities allow for viewing, searching, and filtering products, adding new products, updating product details, and managing orders.
A demo is provided to showcase the flow of the e-commerce project, including product search, registration, and order placement.
The customer can search for products, register with a valid email for mail notifications, and manage their shopping cart.
The checkout process includes a fake credit card payment gateway for demo purposes.
Admin can remove products from the store, update product details, and manage the stock.
The admin panel also allows for the addition of new products into the store's inventory.
The next video will cover the setup guide for running the project locally.
Viewers are encouraged to like, share, subscribe, and comment with their views and project requests.
Transcripts
hello everyone welcome to beta code in
this video I have come up with another
project that is online shopping center
so this is basically an e-commerce
project built using Java uh the
baseboard for this project is available
on my GitHub profile and I will share
the URL for this uh profile in the
description box
this video is basically a part of one of
the playlists that I have created on
this channel that is Java projects I
have already uploaded three videos there
and there is a better response in all
the three videos you can see uh one of
my videos got 11k views so thank you for
that uh that much good response and I
have a request for you all just please
subscribe to my channel because I can
see there are a lot of views going to
the my videos but subscribers are very
less so please subscribe it will help me
uh in uh uploading more videos and
motivate me also for giving more efforts
in these things so yeah please subscribe
it so let's come back to our talk okay
so in this video uh actually uh the
videos are going too much uh long so
that's why I have decided to cut these
videos into two part so in the first
part what I will do is uh uh this will
complete uh introduction video and along
with that I will show the demo of this
whole project actually this will be a
long project since it is an e-commerce
project so I will show the whole uh flow
of this uh project uh through a demo so
let's start
foreign
[Music]
I will take you through a small
presentation uh which will help you
decide like what are all the function
ideas available in this project
so let's continue so I will just go
through the introduction and what are
the actions available for the customer
what are the admin accents and uh all so
this is the project uh basically I have
created this for electronics product so
you can you can rename it and change it
for selling any other products also for
raw I have kept it as a electronic
selling product site so the fronting
technology that I have used here is HTML
CSS JavaScript and boot step JavaScript
is very less so you can neglect it and
back in technology I have used a Java
jdbc JSP server so basically this is j2e
and as a database I have used MySQL
so let's see what are the customer
functions that are available in this
project so if you go next and we can see
the customer can log in log out and
register so this functionalities are
available after login in success you can
see customer will be able to uh search
and view all the items available uh uh
in the store and after that the customer
can add the items into the shopping cart
and they can also update and remove the
items from the cart and they can also
proceed with the credit card payment uh
to proceed or to go to the checkout
after that once the payment is done the
orders will be placed and the customer
can see the orders placed and they can
also track the status
uh the customer's user profile they can
also check there will be a button for
that and after that they can also
provide the feedback to the admin so
these are all the functions available
for the customer now let's uh have
another thing that is mailing Society so
this is an additional facility available
in this project uh in which when a
customer registers for the first time
they will receive a mail uh to their
office like to the registered email ID
so this customer registration is
successful so just like that they will
receive an email so we will check see
these things in their demo part another
thing is whenever they place an order
successfully they will also receive an
email and whenever the order item got
shipped then also they will receive an
ML and suppose sometime the customer is
uh purchasing some item but that item is
not available and it is out of stock so
whenever that item is available in the
stock again then also they will receive
an email so this phone settings are also
available as a kind of additional
facility so now let's have a look at
what are the admin function it is
available so in case of admin admin can
also view the products search and filter
the items in the store after that
the admin will be able to add more
products suppose they they are come up
with they have come up with another
product that they wanted to sell on the
store so they can add that product into
the store they can also update the price
and uh update many other things of the
store if if they want they can remove
some stock items similarly uh they can
also check all the orders that is that
is uh shipped or that is not etcetera
they can also ship the orders which are
recently placed so these are all the
functions available uh in the store and
uh so this is the whole thing and now
let's see the demo for this project
so once the project got started you can
see all the products available in the
store will be shown in the home page and
here you will get the options to add it
to the card or buy now and at the Top If
You see there is an option to search the
items and here login so if you click on
login it will show the login for
register it will show the register for
products it will show all the products
available in the store and in the
category section you can filter based on
your requirements so suppose you wanted
to search for mobile so you can click on
mobiles it will show all the mobiles
available in the store so for before
placing some order we will have to do
some registration of the user and then
we can log in and then continue so if
you don't want it to register I have
already created a demo like guest user
for that so you can directly go to the
login section and keep it as a guest at
the red gmail.com and the password will
be also guest only and then you can
login as customer and continue but what
I will do is I will go to the
registration for I will registered a
freshly customer and then
continue
so let's enter all the details first and
then register so I'm entering it as beta
code
and the email uh you should give a very
valid email so that you can check the uh
like uh email received
after registration so I'm giving my
official email ID that is the bitter
code gmail.com and let's see uh computer
code
address something
and give some pin code also
and some mobile number also and just hit
that random
so once you enter all the details and
click on register uh what it will do is
it will internally save these details
into the database and along with that it
will generate an email
for the user and send it to the email ID
that you gave here so you can see now I
have received one email on my official
email ID so if I go there I can see one
email is have arrived and if I open it
it is from Ellison alumini and it is
showing like resistance successful so so
once you register successfully to the
site it will send you an email
internally so you can see we have
received an email so now let's continue
and we can we will log in with the same
customer so now here I am going to login
with the same email ID
the reader code
at gmail.com and the password and here
login as you have to select as customer
so once I click on that I can see the
login is successful and at the top there
are a lot of options right now here at
the Top If You click on product it will
show the products this is category so it
will filter based on your requirement
and here cards so cards will show all
the cart items available in your uh
shopping cart and here orders it will
show all the order that you have placed
earlier so right now I have not placed
any order that's why it is empty and in
the profile section it will show uh your
user details so this these are all the
readers that I have entered by
registration that's why it is coming
here and here the image is by default
and if you click on logout it will log
out to the website
okay so now we will place some order and
see the whole checkout flow so before
that you can see at the top there is
something like search items so if you
want some items uh to place some order
you can search it here also suppose you
wanted some mobiles so you can search in
on here uh here I am searching for
mobile and you can see uh some mobiles
are coming here or you can directly
click on products and you can get these
things here so I'm adding some item to
the cart so let's add this uh first item
so once you click on add to Art you can
see the button got changed now it is
showing you move from card so now if you
click this remove from from got it will
remove the item from the card let's add
another item that is sp in there so
these two items has been added now you
can click on checkout so once you click
on checkout basically it will take you
to the card phase so now I'm clicking it
to that check out and you can see the
card case you have reached to the card
pack or you can directly uh if you don't
wanted to click on checkout you can
directly go to the card section at the
top so once we click on that you can see
here the card section is enabled here
and here we can add some item like
increase the quantity of the product and
it will decrease it so once you click on
plus you can see the quantity is getting
in place uh once we click on this uh
again it is getting increased similarly
if you wanted to increase it in a larger
quantity suppose it is 4 but you wanted
14. so you will not click this plus 14
times right so that's why we have
another function you can directly enter
14 here and click on trade
so it will say uh the it will update
that 14 item into the card and it will
update the amount accordingly now
another thing is minus also so you can
subtract this also suppose you wanted to
decrease it once so you can uh click on
that and it's got decreased to 13. but
now when the item count is one and if
you if you click on minus it will
basically remove the item from the cart
now you can see that item is totally
removed from the cart and we can see
only one item with project quantity
available in the car so let's see I I
will add another item also so I'm adding
this also now going to the checkout and
I know uh changing this quantity to only
to
and that's it so two items of this and
one atom this now we will see uh placing
the order so to replace or place the
order we have to click on pay now so
once you click on pay now it will show a
credit card payment uh Gateway uh to you
and here it is asking for the credit
card details so here you have to enter
all the Cardinals
also remember that we have not
integrated this project with the real
payment Gateway so it is not the real
payment you will not uh got your any
money deducted and you don't have to
enter your actual creditors so you have
to enter any fake card details so I am
entering it here something and here you
can enter photo
and here is something
2029 and enter some CBD so this this
will uh just place a demo order for you
and once you click on pay now it will uh
like uh validate the order and place it
for you and let me click on this
so right now it is processing the
payment and internally
now you can see the order has been
placed also so order is placed and it is
showing all the order details so now if
you click on order section you will see
these details so we have right now place
two or two items one is with quantity
two another is with quantity one and
this is the order ID that got generated
and these are the price details and the
rest current status is order placed and
along with that you will receive the
email also to your registered email ID
whichever account you are logging so I
will go to my email ID and I will
refresh the page
and now you can see uh one email has
been received and it is saying it is
saying hey uh the name and it is saying
like we are glad that you saw with
relation electronics and uh these are
all your order details and this is the
amount that you have there so like this
you can receive the email also now we
will go to our page and here we will see
another functionality so right now uh
our card got empty because all the card
items is now uh available uh like in the
orders it is placed as your order but
the current status is only order placed
it is not uh order received so we will
login as admin and we will see how we
can like process a process as an admin
flow so this is just uh like till now we
have seen the like
is available for a customer so these are
all the things and now we will log in as
a admin so before that we will log out
so let me log on and then I will again
go to the login page and here I will
login as admin to login as admin you
have to enter the email address admin at
the rate gmail.com and the password will
be added
so once you click on that now you can
see the login as admin so uh this uh
admin is logged in here now here you are
not we are not able to see add item
because admin cannot add item or
purchase something they can update or
remove some item right so that's why we
have another option so if you click on
remove product it will remove this
product from the store and if you click
on update product so let me click on
this so it will give you an option to
update this product
so we will go to this later but first
check the other options available so
here in the product section it is
available all the products that is uh
there in the store and here in the
category it is same like the filter that
we seen there so if you click on mobiles
you can filter it and in the six and
like uh search section it is also seen
so if you search for TV it will show all
the DVD tests and here click on stop so
it will show all the items available in
the store for this store so you can see
these all items are available in the
stock this is the price and this is the
number of quantity that is sold already
sold this is the stock quantity which is
left in the uh like uh there and here
from here also you can remove some item
you can update some item now uh the next
option is
and in the order section it will show
all the orders that is trending uh to be
saved so right now we have place here
the bitter code gmail.com has placed two
items so here uh admin can see a c print
now
so let me see one item so I am shipping
it right now uh this item and you can
see uh it is not processing and
internally it is actually sitting that
order and now you can see in the simple
section it is saying this item has
received uh sorry this item has received
and this this was the user that that
have ordered this item now if I go to
the order section that particular item
has been removed and only one item is
pending to be six now uh once we click
on Save and item got saved internally
one mail also got triggered so if you go
to your email ID and if I go here and
refresh you can see one mail has
received so it is saying probably your
uh order has been shipped from Elysian
electronics and this is the order
details that has been shipped so in the
same way you will receive the email
whenever an order called shipped from
the store
okay so this is all about the order step
now uh now let me log out from here and
go again and login as the same user and
see what are the status showing there so
I'm logging is uh same user
and as a customer and now if I go to the
order section then you can see this
order has been secreted you can see this
order has been saved but this order
process that is placed so in this way
you can extract the order also so this
is all and now uh again go back to the
Android sector so I'm logging as admin
okay so we again uh come back to the
admin section and now here we have we
can see another functionality so uh let
me uh delete some items from the uh
store so right now uh this item is
available in the stock so if I go to the
store and you can see uh some items are
available and let me delete this item so
right now if you search for JBL go you
will get this item as a result
foreign
uh where was it
yeah so if I click on remove this so uh
it is saying product removed
successfully now if I if I search for
this product JBL go and if I click on
enter it is saying more items found 4G
will go so this is showing some other
result so it is saying no item form so
this is removed from the store now you
know even if the customer comes and
search for this item this item will no
longer be available now the another
thing is if you wanted to update some
products of course this is the product
place and if you wanted to update this
product so you can click on this update
product or you can go to your stock
section and here you will see this
product uh details and suppose you
wanted to update the price of this TV so
you can uh or update the price of this
mobile so you can go to the upgrade
section and here I am just changing this
price to or applies to
13 599
and click on update so once you click on
that you can see this is updated and now
if you go to the product section this
price has been updated see 135.99 so in
that way you can update any any uh like
product details so you can update the
product name product description price
for quantity or anything so uh or you
can update from here also now uh let's
see another another options that is
available there so I'm logging out from
uh okay okay well then uh
let's login again as admin only
I forgot something that's right
uh and let's see which item is only one
available yeah you can see uh this uh
Motorola g32 is available the quantity
is only one one quantity is available so
if customer wanted to order two 180 of
this product so it will show us out of a
stock so in that way it should regard
email when this got updated so let me
log out from there and login as again
the user
and I am going to search for this item
and add it to the card
so I added it to the card and now if I
wanted to add it again so you can see uh
only one number of Motorola g32 mobiles
are available in the store and so we are
adding only one product so it cannot
increase it to two because this is out
of the stock right now so only one item
is available in the stock now
this customer will get an email whenever
uh this uh like the quantity of this
Motorola got updated so let's go again
to the admin section so I am going to
the admin
from
and here in the stock section I am going
to update this Motorola so yeah this so
I'm going to update the quantity of this
so increase it to two and click on
update product so once we do that that
customer will receive an email that this
item is now available in the stock so
that's why
we have uh yeah you can see we have
received the message like product
updated successfully and mail sent to
the customer who are waiting for product
key so now we go to that mail section
and refresh it and here you can see
product Motorola g32 Mobile is now
available artificial Electronics so in
this way you can trigger this like we
can receive this mail whenever some Auto
stock items got available again
so this is the functionality that we
have generated for now and uh suppose uh
now the next thing is uh that admin can
do is
adding some item into the store suppose
you wanted to add some items so you have
to just go to the update items and click
on ADD product so once you click on ADD
product it will show you some like form
where you have to enter them some car
details suppose uh let me add some like
data code uh product name will be better
code
and it should be something like some
other applications
logo
metaphor and price would be 500 let me
12 quantity and let me
shows the image also so I've selected
the image and I now I'm going to add
this product so once I uh they add the
product it is saying that this product
has been updated and added
so now if I go to the product section
and if I scroll down somewhere yeah you
can see this uh meter code logo is
available to be sent
so in this way you can add any item now
if I wanted to update this item so you
can you have to just go to the uh
upgrade product and here you have to
enter the product ID or you can directly
go here product section and here use the
product update so in that way you can do
other things you can remove it also so
let me remove it uh the product ID for
this is due to something I'm just
copying it and I'm going to remove
product and click on here and click on
them so you can see uh
product remover failed Professor
something may have went okay your space
was there so I'm just re-entrying it and
click on yeah so product removed
successfully so now if I go and scroll
down that little code logo is not
available now so in this way you can use
this uh
project there are a lot of options that
should be available here and if you want
something uh to be improved yeah just
comment in the like description box uh
comment box and I will try to implement
those things and if you also wanted to
uh add something into this project you
can raise the pr into this uh GitHub
repository
and I will try to merge them review them
and watch them so this is all all about
the demo for this uh video and in the
next video I will cover the whole setup
guide for this project actually this
video will go along that's why I am
cutting it into two part in the next
part I will show you how to set up this
in your local and you can run this
project
very smoothly
so that's all and thank you for watching
this video and please don't forget to
like share and subscribe and please
comment uh your views on this uh on the
whole section that I am providing about
projects and if you need any other
project please comment it I will try to
come up with that also so thank you
foreign
Посмотреть больше похожих видео
Zalora Marketplace Training - Order Processing
Laravel eCommerce DHL Shipping - Overview
01 - Cab booking management system in java | Java project | NetBeans MySQL Database step by step
Build a modern android ecommerce app from scratch | Kotlin, Firebase, MVVM
Learn How To Create Master Detail Pages in Oracle APEX - Part 10
What is Dropshipping? (Simple Animated Explanation) #dropshipping
5.0 / 5 (0 votes)