Preview Mastering MERN: Crafting A Pizza Delivery App From Scratch

Back

Getting Started: Course Guide and Demo

Welcome to the Course!❤️

Preview: Product Demonstration

Course Prerequisites: What You Need to Know

Guided Tour: Course Instructions

Join Our Discord Community: Connect & Learn

Get the Coder's Gyan Mobile App: Download Now

Microservice: Scratching the surface

Introduction to Microservices

Planning Microservice Architecture

Overview of Microservices Architecture

Project setup

Setting Up a Git Repository

Assignment: Initializing and Configuring Git Remotely

Using Node Version Manager

Assignment: Mastering Node Version Management

Node.js Project Setup

Assignment: Creating a Node.js Project

Configuring TypeScript in Your Project

Setting Up Prettier for Code Formatting

Integrating ESLint into Your Workflow

Implementing Git Hooks

Configuring Application Settings

Express App Configuration

Setting Up a Logger

Implementing Error Handling

Setting Up Automated Tests

Creating a Project Template

Introduction to User Management in Microservices

Basics of Containerizing Express Apps

Code Walkthrough for Express App Containerization

Dockerizing and Operating Express Port Town

Test-Driven Development for User Features

Introduction to Test-Driven Development (TDD)

Writing Your First Test - User Registration

Testing for Valid JSON Responses

TDD Assignment on Blogging Platform

Advanced Database Management and Secure User Authentication

Running Postgres in a Docker Container

Database Connections with TypeORM

Testing User Persistence

Implementing User Persistence

Assignment: Writing Effective Test Cases

Refactoring with Error Handling and Logging

Assigning User Roles - Test Case

Basics of Password Hashing

Testing for Unique Email

Email Field Validation

Sanitizing Request Fields

Assignment: Tests For Request Fields Validation

Security and Authentication with JWTs

Intro to JSON Web Tokens

Adding Tokens to Cookies

Creating Access Tokens

Creating Refresh Tokens

Persisting Refresh Tokens

Refactoring Refresh Token Persistence

API Development and Testing

Manual Testing with Insomnia - Register Endpoint

Creating a Login Endpoint

Understanding the Impact of Test-Driven Development (TDD)

Fixing Logger Issues

Token Verification - Status Code Testing

Token Verification - User Data Testing

Implementing Token Verification

Excluding Password from Responses

Generating JWKs & Manual Testing

Refreshing Tokens - Complete Process

Logging Out Users

Implementing Migrations

Advanced User Management and Multi-Tenancy

Introduction to Multi-Tenancy

Developing Tenant Entities

CRUD Operations for Tenants"

Testing Tenant Endpoints

Setting Up Access Middleware

Tenant Management API Assignment

Creating User Tests

User Management API Assignment

Fixing CRUD for Users and Tenants

TypeScript Build Process

Setup test coverage

CI/CD Pipelines with GitHub Actions

Understanding CI/CD

Private Key Read Strategy

Building Production Docker Images

Db server setup

Sonar Cloud Setup

Docker Hub Setup

Github Actions

Sonar project properties setup

Protect the main branch

Bug fixes

CI pipeline error fix

Practicals

Admin User Creation - Assigment

Catalog Service Setup - Assignment

React App Creation with Vite - Assignment

Frontend Development: Creating User Authentication with Ant Design

Journey of Achievement: Celebrating Your Success!

Frontend Planning with Figma

Setting Up React with Vite

React Router Configuration

Vitest Setup for Testing

Component Testing Basics

Building a Sign in Card with Ant Design

Implementing Sign-In Form Validation

User Authentication with React Query

Resolving CORS Issues Efficiently

Getting Started with Zustand for State Management

Step-by-Step Guide to Implementing Zustand

Managing User Data with Zustand

Implementing Logout Functionality

Layout Design for Different User Types

Advanced Techniques for Creating Protected Routes

Maintaining Authentication State on Page Refresh

Auto Token Refresh on Page Reload

Up Next Exciting Glimpses of Future Lessons

Creating an Interactive Sidebar Layout

Implementing Logout Functionality

Managing Tenant Information

Designing Dashboard Homepage

Assignment Recap: Building the HomePage

Implementing Breadcrumbs for Navigation

Fetching User Data: Techniques & Best Practices

Designing an Efficient Users Table

Configuring Visibility: Hiding the Users Menu Item

Structuring the Filter Card

Enhancing Filter Interactivity

Creating a User Drawer

Creating the Tenants Table - Assignment

Create User Form Basic Information

Create User Form

Create User Form Validation

Create User Form Submission Using React-Query

Upcoming Lessons and More

Mastering Server-Side Pagination: A Comprehensive Guide to Efficient Data Handling

Implementing pagination on Frontend

Showing loading spinner on frontend

Efficient Backend Filtering: Crafting Advanced Search Capabilities

Create user bug testing

Enhancing User Experience: Implementing Dynamic Search Filters on the Frontend

Implementing debounce functionality

Exploring Left SQL Join: Adding tenant field to user record

Tenant filters and pagination assignment

Implementing Minor Fixes: Enhancing User Experience

Return to Redirect: Optimizing Navigation Flow

Selected Menu Item Color: Active State Styling

Updating User Functionality: Advanced Techniques

Improving Error Handling and Security Measures

Conditional UI: Hiding Tenant Select Box for Admin Users

Catalog Management: Building Products, Categories, and Toppings

Catalog Service Setup: Step-by-Step Guide

File-Based Config Setup: Configuration Best Practices

MongoDB Connection Setup

Creating Category Model in MongoDB

Category Validator Implementation: Best Practices

Implementing Create Category Endpoint

Proper Error Handling in Node.js Apps

How auth will work in Catalog Service

Catalog service authorization

Catalog service crud assignment

Catalog product model

Create product validator

Create product endpoint

Setting Up S3 Bucket for File Storage

Upload Image Implementation

Update product with image update

Check product access by tenant

Fetch Product Lists

Mongoose Pagination

Generate Image Url

Remaining CRUD Toppings Assignment

Api Gateway

Add Filter Components

Fetch Categories Tenants For Select Box

Render Product List Table

Filter Pagination Functionality

Add Role Access in Filters

Fix Switch Label Alignment

Create Model Drawer Part 1

Create Product Drawer Components Part 2

Dynamic Pricing Render

Create Attributes Component Render

Submit Product Part 1

Submit Product Part 2

Image Upload And Component Refactoring

Create Product Loading Spinner

Hide Select Tenant for Non-Admin Users

Edit Product Drawer Fill Value

Show Image Preview in Editmode

Update Product Mutation

Client UI: Building UI using Next JS and Tailwind Css

Github Repo of Client UI

Setting Up Next.js

Shadcnui Installation

Customizing the Shadcnui Theme

Adding the Project Font

Styling the Background

Creating the Navbar Structure

Navbar Customization

Building the Hero Section

Implementing Category Tabs

Designing Product Cards

Developing the Product Modal

Final touches to the product modal

Fetch Tenant Data in Select Box

Fetch Products

Add Component Streaming

Render Image Dynamically

Fetch Toppings

Incorporate Suspense Boundary

Integrate Redux Toolkit for State Management Efficiency

Store Chosen Configuration

Elevate Selected Toppings Logic to Parent Component

Implement 'Add to Cart' Functionality

Resolve Issue with Cart Items Count Display

Add Persistence to Store for Enhanced User Experience

Compute total pricing for the selected config and toppings

Add has topping condition for topping list

Check cart item already exists

Close modal on add to cart

Clear selected toppings on add to cart

Add toast message on add to cart

Get from minimum price for product card

Fetch products by tenantld

Set select on refresh

Fetch toppings dynamically by tenantld

Shopping cart UI Assignment

Billing management: Pricing, Discounts, Orders

Notification management: Email notifications

Websocket service: Realtime communication

Deployment: Automated deployment and Kubernetes

Preview - Mastering MERN: Crafting A Pizza Delivery App From Scratch