FullStack Food Delivery App-Stripe Payment & Admin Dashboard

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: Project Setup

Lecture 1: Setting Up Nodejs & Yarn

Lecture 2: Visual Studio Code Developer Extensions

Lecture 3: Project Structure

Lecture 4: GitHub Setup & Configuration

Lecture 5: Customising our repository README File

Chapter 3: App Configuraitions & Setup

Lecture 1: Creating React App

Lecture 2: Firebase Project Creation

Lecture 3: Setting up Google Firebase Cloud Functions

Lecture 4: Setting up & Configuring TailwindCSS With our React App

Lecture 5: React App – Main Router Navigation Setup & Configuration

Chapter 4: Building UI Block Components

Lecture 1: Main Login Container UI Build – Part 1

Lecture 2: Main Login Container UI Build – Part 2

Lecture 3: Main Login Container UI Build – Part 3

Lecture 4: Main Login Container UI Build – Part 4

Chapter 5: Firebase Authentication

Lecture 1: Firebase Initialization

Lecture 2: Google Firebase Authentication

Lecture 3: Google Authentication Initiation

Lecture 4: Server Cloud Function Configuration

Lecture 5: API Endpoint for Token Validation

Lecture 6: JSON Web Token Validation

Lecture 7: Sign-UP With Email Password

Lecture 8: Sing-In With Email & Password

Chapter 6: Under Standing Redux

Lecture 1: React Redux Configuration

Lecture 2: Dispatching User Action to Global Store

Chapter 7: Creating Reusable UI Block Components

Lecture 1: Main Page Loader Animation UI Component

Lecture 2: Setting Up – Alert Notifications

Lecture 3: Main Header UI – Part 1

Lecture 4: Main Header UI – Part 2

Lecture 5: Implementing Signout

Chapter 8: Admin Dashboard UI & Functionalities

Lecture 1: Main Left Section – Left Sidebar

Lecture 2: Dashboard Header

Lecture 3: Dashboard Main Navigation Router

Lecture 4: Integrating Material UI – Datatable

Lecture 5: Dashboard – New Item

Lecture 6: Dashboard – New Item Part 2

Lecture 7: Uploading Images to Cloud Storage

Lecture 8: Uploading Progress Bar UI & Delete Image

Lecture 9: Save New Product To Firestore Collection

Lecture 10: Fetching Products from Collections & Pushing it to Redux Store

Lecture 11: Dashboard Items – Integrating Data with Datatable

Lecture 12: Delete the Product from Collection From Datatable

Lecture 13: Update User Detail

Lecture 14: Adding ChartUI – Core UI Component

Chapter 9: Client Screen UI Design

Lecture 1: Home Screen UI Build

Lecture 2: Home Slider Using Swiper Slider

Lecture 3: Slider Card Component – Making It Reusable

Lecture 4: Adding Data Filter Section

Chapter 10: Cart UI

Lecture 1: Inserting Data into the cart

Lecture 2: Storing Cart Items into Redux Store

Lecture 3: Main Cart UI – Layout

Lecture 4: Increasing & Decreasing the Cart Quantity

Chapter 11: Stripe Payment Gateway

Lecture 1: Stripe Payment Gateway Integration

Lecture 2: Creating our Own Line Items

Lecture 3: Implementing – Stripe Webhook Events

Lecture 4: Creating New Custer using Stripe Webhook

Lecture 5: Pushing order details to our database

Chapter 12: Order Tracking & Status Updation

Lecture 1: Fetching Orders from Collection & Push it to Redux Store

Lecture 2: Orders Datacard – Wire-framing the layout

Lecture 3: Order Datacar – UI Customisation

Lecture 4: Updating Order Status

Lecture 5: Displaying the Orders placed by specific User

Lecture 6: Fixing Minor Bugs