Shrova Mall: A-to-Z e-commerce full-stack application

Introduction

Welcome to the book Shrova Mall: A-to-Z e-commerce full-stack application. In this book, I explain how you can create a full-stack e-commerce application using Angular and NestJS.

The application provides payment and shipping functionalities by integrating Stripe for payments and Shippo for shipping.

To begin, I will show you the application we are going to build and then start by creating the database. Next, I will explain the backend and finally the frontend application.

By the end of this book, you will be able to create your online e-commerce store and cover all possible scenarios.

Let’s get started.

Screenshots

I will start by showing some screenshots of the application to understand what we are about to build.

The homepage

You should improve your styling and include more promotional staff on the homepage, but I'll leave that up to you.

The admin sidenav

The manage products page

This page is only for administrators to manage products.

The add product page

The store settings page

The store details are used as the shipping address when sending products to customers

The register page

The login page

The forget password page

The reset password page

The about page

The contact page

The policies pages

You should add policy pages for:

Depending on your needs, you can add all or some of them.

The profile page

The profile/address page

The profile/address add page

The product details page

The category page

The search/filter page

The cart page

The shipping page

The summary page

The payment page

During development, we use a test key from Stripe, which we replace with the live key as soon as we are finished. This way you