Demo

Overview

Features

Technical Aspects

Installation

Technologies used

Login Page

Home Page

Categories Page

Categories Page

Product Details Page

Shopping Cart Page

Email Handler Page

Login Page

Users Page

Manage Categories Page

Manage Brands Page

Manage Products Page

Manage Customers Page

Manage Shipping Rates Page

Manage Orders Page

Manage Settings Page

Create User Page

Edit User Page

Edit Categories Page

Edit Products Page

Developed a complete shopping website using technologies such as Java , Spring Boot , Hibernate , Thymeleaf , Bootstrap , JQuery , HTML , RESTful Webservices.... putting all these peices together built a WebApp named Shopfam - An E-Commerce Web Application for Shopping Electronics

• Register a new account and log in as an existing user
• Register using Google Account log in
• Search Products using keyword and/or Category
• Display products with details about them(name , picture , image , price)
• Add Produt to shopping cart and ability to remove it
• See all products in user's shopping cart
• Sign out or delete user's account
• Update Password
• Update the user's Shipping Address and/or Remove the address
• Get the Google mail for customer registration and Verification
• Track status of user's orders

The working of the project has 2 project directories which are explained one after other in sequence

• ShopfamWebParent the spring starter project , a subdirectory under the directory of Shopfam project by creating a new folder as a module 2 of shopfamProject the purpose of this project is to have the common dependencies between the two sub projects ( backend and frontend)

• Backend - This is an admin App

  • In the Backend their are 7 type of users which will have acces to application-
    • Admin - manages everything on websites including manage settings and manage users.
    • Editor - manage categories , manage articles , manage brands , manage menus, manage products
    • Salesperson - manage orders, customers, update product price , view products , manage shipping rates.
    • SHIPPER- view products , view orders , update order status
    • Assistant - manage questions , reviews

• FrontEnd - This is Shopping App (The Shopping UI for Customers)

  • In the Front end customers can-
    • Manage Shopping cart
    • View products
    • View articles
    • Manage addresses
    • Checkout

• ShopfamCommon The spring starter project , a subdirectory under the directory of Shopfam Project by creating a new folder . The project shopfam Common is for developing the shared lib or shared code between the backend and frontend the shopfam common project will have entity classes which are based on spring data JPA

  • Use packaging as JAR
  • Build type is Maven
  • Use dependency Spring Data JPA

The code is written in Java 17 , Spring Boot 3.2.0

• Spring Framework development with Spingboot
• Spring Data JPA and Hibernate Framework
• Spring Security for Authentication and Authorization
• Spring OAuth for social login with Google
• Thymeleaf template engine for creating dynamic web pages
• MySQL database for database Management of the project
• Spring Mail for sending customer Registration confirmation and order cofirmation
• JUnit ,Spring Test, AssertJ and Mockito in unit tests and Integration tests
• Spring RESTful WebServices
• Bootstrap 4 , HTML5 and jQuery 3
• Java 17 , JSP/Servlets and JavaScript