Learn how to build Amazon website using Vue.js and Node.js

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: POST and GET API

Lecture 3: Git

Lecture 4: Create a user User Schema

Lecture 5: Connect to the database (MongoDB)

Lecture 6: Setting up environment variables

Lecture 7: Create a POST API with User Schema

Lecture 8: Product Schema

Lecture 9: Owner and Category Schema

Lecture 10: POST API – Product Schema

Lecture 11: Setting up Amazon S3 Bucket

Lecture 12: Install Multer and AWS dependencies

Lecture 13: Test the Upload Photo Middleware

Lecture 14: Create Categories API

Lecture 15: Create Owners API

Lecture 16: Product API – GET (all and single product)

Lecture 17: Product API – Update a single product

Lecture 18: Product API – Delete a single product

Chapter 2: Frontend: Admin App

Lecture 1: What is Vue.js and Nuxt?

Lecture 2: Create a Nuxt Project

Lecture 3: Create a first Page in Nuxt

Lecture 4: Configure CSS files

Lecture 5: Create a Listing Page Part 1

Lecture 6: Learn Vue.js quickly

Lecture 7: Create a Listing Page Part 2

Lecture 8: Create a Adding a Product Form Page

Lecture 9: Create an Adding a Product Form Page Part 2: Axios call

Lecture 10: Product Form Page Part 3: POST API with Axios

Lecture 11: Category Form Page

Lecture 12: Owner Form Page

Lecture 13: Update a Product Page

Lecture 14: Add Navigation links

Lecture 15: Delete a product Feature

Chapter 3: Frontend: Consumer App

Lecture 1: Setup Consumer project in Nuxt

Lecture 2: Configure CSS Files

Lecture 3: Setting up a Navbar

Lecture 4: Setting up a Footer

Lecture 5: Search Bar

Lecture 6: Featured Product – HTML

Lecture 7: Listing Page Part 1: HTML

Lecture 8: Listing Page Part 2: Axios and Map the data

Chapter 4: Frontend: Consumer App (Product Page)

Lecture 1: Product Page Part 1: Layout and Font size

Lecture 2: Product Page Part 2: Breadcrumbs

Lecture 3: Product Page Part 3: First 3 Grid (Image and Author)

Lecture 4: Product Page Part 4: Middle Section (description)

Lecture 5: Product Page Part 5: Last 3 grid (Buying Section)

Lecture 6: Product Page Part 6: About Author's section

Lecture 7: Product Page Part 7: Axios and Populate

Chapter 5: Backend: Authentication

Lecture 1: What is JSON WEB TOKEN?

Lecture 2: Signup API

Lecture 3: JWT middleware

Lecture 4: Test the JWT middleware on Profile API

Lecture 5: Login API

Chapter 6: Frontend: Authentication

Lecture 1: Signup Page Part 1: HTML

Lecture 2: Signup Page Part 2: Auth Library

Lecture 3: If Condition for user's data on a navbar

Lecture 4: Login Page

Lecture 5: Profile Page Part 1: HTML

Lecture 6: Profile Page Part 2: Update Feature

Lecture 7: Logout Feature

Chapter 7: Frontend and Backend: Review

Lecture 1: Review Schema

Lecture 2: Review POST API

Lecture 3: Review GET API

Lecture 4: Review Page

Lecture 5: Review section on product page

Lecture 6: Average Rating and Fixing bugs

Chapter 8: Frontend and Backend: Address

Lecture 1: Address Schema

Lecture 2: Address POST API

Lecture 3: Address GET API

Lecture 4: Address Page

Lecture 5: Third Party API – countries

Lecture 6: Testing Add Address Page

Lecture 7: List of Addresses – HTML

Lecture 8: Address Edit, Delete and Set Default API

Lecture 9: List of addresses page: map data, delete, set default

Lecture 10: List of address page: Edit feature

Chapter 9: Add to Cart

Lecture 1: Cart Page – HTML

Lecture 2: What is Vuex

Lecture 3: State and action

Lecture 4: Mutations

Lecture 5: Import Action in Product Page

Lecture 6: Getters and computed

Lecture 7: Shopping Cart Page: Mapping Data from vuex

Lecture 8: Persist Vuex in localStorage

Lecture 9: Change quantity mutation

Lecture 10: Delete product mutation

Chapter 10: Frontend and Backend: Payment

Lecture 1: Placeorder Page – HTML

Lecture 2: Placeorder Page – Map vuex cart to the page

Lecture 3: Shipment API

Lecture 4: Placeorder Page – Axios call