Shopfam_Training

Table of Content

• Demo

• Overview

• Features

• Technical Aspects

• Installation

• Technologies used

  Demo

  Frontend

  Login Page

  Home Page

  Categories Page

  Categories Page

  Product Details Page

  Shopping Cart Page

  Email Handler Page

  Backend

  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

  Overview

  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

  Features

  • 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

  Technical Aspects

  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

  Installation

  The code is written in Java 17 , Spring Boot 3.2.0

  Technologies Used

  • 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