GraphQL with Node & React – Build Car Rental App with Apollo

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

Build Full Stack Car Rental App in Node.js and React with GraphQL, Apollo Server and Client | From Dev to Deployment

1 - Introduction

1 -Introduction

2 - DEMO OF CAR RENTAL APP

1 -DEMO of Car Rental Project

3 - Setting Up Environment

1 -Setting Up Tools & Environment

2 -Install MongoDB On MacOS

3 -Install MongoDB On Windows

4 - Source Code of Project

1 -How to get Source Code & Follow along

5 - What is GraphQL & Why we need it

1 -What is GraphQL REST vs GraphQL

2 -Apollo Client & Apollo Server

6 - Lets start Go Rental Application

1 -Create Project and Basic Setup

2 -Connect to MongoDB Database

3 -Integrate Apollo Server

4 -Define Car Type Defs

5 -Create Car Resolvers

6 -Define Car Controllers

7 - Handle Car Resource & Seeder

1 -Create Car Model

2 -Create & Save New Car

2 -car data.zip

3 -Get Car Details by ID

4 -Update Car Details

5 -Delete Car

6 -Create Car Seeder

8 - Shared Resource Package

1 -Create Shared Package

1 -tsconfig.zip

2 -Use Car Interface from Shared in Server

9 - Go Rental Frontend with React & Apollo Client

1 -Create new React App & Go Rental Components

2 -Integrate ShadCN for UI

3 -Header & Footer Component

4 -Integrate Apollo Client

5 -Render Cars on Homepage

6 -Render Car Details

7 -Render Car Image Slider

8 -Star Ratings & Loader Component

10 - Search, Pagination & Filters

1 -Search by ID Keyword - Backend

2 -Implement Filters - Backend

3 -Implement Pagination - Backend

4 -Search by keyword - Frontend

5 -Implement Filters - Frontend

6 -Implement Pagination - Frontend

7 -Fixing Filter BUG

11 - Error Handling - Backend & Frontend

1 -Create Error Wrapper for Backend

2 -Not Found Error Handler

3 -Frontend Error Toast

4 -Get GraphQL & Network Errors [OPTIONAL]

5 -Error or Success Alert

12 - Authentication - Backend & Frontend

1 -Create User Model

2 -User Schema & User Resolvers

3 -Register & Save User

4 -Encrypt User Password & Handle Duplicate Key Error

5 -Login User & Save Token in httpOnly Cookie

6 -Register User Frontend

7 -Create Register Zod Schema for Validation

8 -Login User

13 - Integrate GraphQL Shield for Authorization

1 -Integrate GraphQL Shield

2 -Get Current User Details

3 -Define isAuth & isAdmin permissions

4 -Fetch & Set User, isAuthenticated - Frontend

5 -Display User in Header & User Menu

6 -Protect & Authorize Frontend Routes

7 -Logout User

14 - Handle User Profile

1 -Update User Profile - Backend

2 -Update User Profile - Frontend

3 -Update User Password - Backend

4 -Update User Password - Frontend

5 -Integrate Cloudinary for Images

6 -Upload User Avatar - Backend

7 -Upload User Avatar - Frontend

15 - Forgot & Reset Password

1 -Generate Forgot Password Token & Template

1 -forgot-password-template.html

2 -Setup Nodemailer for sending Emails

3 -Send Forgot Password Email

4 -Reset Password - Backend

5 -Reset Password - Frontend

6 -Send Emails in Production (Real Inbox)

189,000 تومان

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

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

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

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