Search Tutorials


Ecommerce Website - Online Book Store using Angular 8 + Spring Boot Introduction| JavaInUse

   

Ecommerce Website - Online Book Store using Angular 8 + Spring Boot Introduction

In a previous series we have implemented an application using Angular 7 and Spring Boot for performing CRUD operations. In this tutorial series we will be developing an Ecommerce website for buying books. We will be making use of Spring Boot + Angular 8 + MySql. Let us have a walk through of the application we will be developing and its features.

Ecommerce Website - Online Book Store using Angular 8 + Spring Boot

Ecommerce Website - Online Book Store using Angular 8 + Spring Boot Introduction Ecommerce Website - Online Book Store - Create Menu Module Ecommerce Website - Online Book Store - Create User Admin Module - Part 1 Ecommerce Website - Online Book Store - Create User Admin Module - Part 2 Ecommerce Website - Online Book Store - Create User Admin Module - Part 3 Ecommerce Website - Online Book Store - Create Book Admin Module - Part 1 Ecommerce Website - Online Book Store - Create Book Admin Module - Part 2 Ecommerce Website - Online Book Store - Create Book Admin Module - Part 3 Ecommerce Website - Online Book Store - Create Book Admin Module - Part 4 Ecommerce Website - Online Book Store - Create Book Shopping Module

Video

This tutorial is explained in the below Youtube Video.

  • Any user who wants to use the online book shopping site will need to login to the application.
    angular spring boot ecommerce login
    We make use of JWT for authenticating and authorizing the user. Also for website user will be defining two types of roles-
    • Admin Role
    • User Role
  • If the person with User role accesses the web site then -
    • On successful login he can see the following tabs-
      angular spring boot ecommerce non admin login
    • In Books tab he can see all the available books along with details like image,name,author and price. We will be retrieving these details by making call to Spring Boot which retrieves it from MySQL.
      For buying the books user can add the books to the cart.
      angular spring boot ecommerce site buy
    • He can then view the cart, where the books added to the cart and the total bill will be displayed. User can either remove items from the cart or proceed to Payment.
      angular spring boot ecommerce cart
    If the person with an Admin role accesses the web site then -
    • Along with other tabs that user can access he can also view the admin tab as follows-
      angular spring boot ecommerce admin login
    • The admin can add/modify/delete books using Books tab.
      Books Page -
      angular spring boot ecommerce admin view books



View/Delete Book Details Page -

angular spring boot ecommerce admin show book details
Edit Book Page -
angular spring boot ecommerce admin edit books
Add Book Page -
angular spring boot ecommerce admin add books
  • The admin can add/delete users using User tab. Users Page -
    angular spring boot ecommerce admin view users
    View/Delete Users Details Page -
    angular spring boot ecommerce admin show user details
    Add User Page -
    angular spring boot ecommerce admin add books
  • See Also

    Spring Boot Hello World Application- Create simple controller and jsp view using Maven Spring Boot Tutorial-Spring Data JPA Spring Boot + Simple Security Configuration Pagination using Spring Boot Simple Example Spring Boot + ActiveMQ Hello world Example Spring Boot + Swagger Example Hello World Example Spring Boot + Swagger- Understanding the various Swagger Annotations Spring Boot Main Menu Spring Boot Interview Questions