FullStack Food Delivery App-Stripe Payment & Admin Dashboard

سرفصل های دوره

Building real time project using React Redux, Firebase, Strip Payment Gateway , Order Tracking, Custom api endpoints

1 - Introduction

1 - Introduction

2 - Project Setup

2 - Setting Up Nodejs Yarn

3 - Visual Studio Code Developer Extensions

4 - Project Structure

5 - GitHub Setup Configuration

6 - Customising our repository README File

3 - App Configuraitions Setup

7 - Creating React App

8 - Firebase Project Creation

9 - Setting up Google Firebase Cloud Functions

10 - Setting up Configuring TailwindCSS With our React App

10 - assets.zip

11 - React App Main Router Navigation Setup Configuration

4 - Building UI Block Components

12 - Main Login Container UI Build Part 1

13 - Main Login Container UI Build Part 2

14 - Main Login Container UI Build Part 3

15 - Main Login Container UI Build Part 4

5 - Firebase Authentication

16 - Firebase Initialization

17 - Google Firebase Authentication

18 - Google Authentication Initiation

19 - Server Cloud Function Configuration

20 - API Endpoint for Token Validation

21 - JSON Web Token Validation

22 - SignUP With Email Password

23 - SingIn With Email Password

6 - Under Standing Redux

24 - React Redux Configuration

24 - assets.zip

25 - Dispatching User Action to Global Store

7 - Creating Reusable UI Block Components

26 - Main Page Loader Animation UI Component

27 - Setting Up Alert Notifications

28 - Main Header UI Part 1

29 - Main Header UI Part 2

30 - Implementing Signout

8 - Admin Dashboard UI Functionalities

31 - Main Left Section Left Sidebar

31 - assets.zip

32 - Dashboard Header

33 - Dashboard Main Navigation Router

34 - Integrating Material UI Datatable

35 - Dashboard New Item

36 - Dashboard New Item Part 2

37 - Uploading Images to Cloud Storage

38 - Uploading Progress Bar UI Delete Image

39 - Save New Product To Firestore Collection

40 - Fetching Products from Collections Pushing it to Redux Store

41 - Dashboard Items Integrating Data with Datatable

42 - Delete the Product from Collection From Datatable

43 - Update User Detail

44 - Adding ChartUI Core UI Component

9 - Client Screen UI Design

45 - Home Screen UI Build

45 - assets.zip

46 - Home Slider Using Swiper Slider

47 - Slider Card Component Making It Reusable

48 - Adding Data Filter Section

10 - Cart UI

49 - Inserting Data into the cart

50 - Storing Cart Items into Redux Store

51 - Main Cart UI Layout

52 - Increasing Decreasing the Cart Quantity

11 - Stripe Payment Gateway

53 - Stripe Payment Gateway Integration

54 - Creating our Own Line Items

55 - Implementing Stripe Webhook Events

56 - Creating New Custer using Stripe Webhook

57 - Pushing order details to our database

12 - Order Tracking Status Updation

58 - Fetching Orders from Collection Push it to Redux Store

59 - Orders Datacard Wireframing the layout

60 - Order Datacar UI Customisation

61 - Updating Order Status

62 - Displaying the Orders placed by specific User

63 - Fixing Minor Bugs

53,700 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy-Training