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

“Build a world class professional resume!” به سبد خرید شما اضافه شد. مشاهده سبد خرید

139,000 تومان

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

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

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

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