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

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)
  • 139,000 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    افزودن به سبد خرید
    خرید دانلودی فوری

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

    ایمیل شما:
    تولید کننده:
    مدرس:
    شناسه: 45161
    حجم: 1202 مگابایت
    مدت زمان: 551 دقیقه
    تاریخ انتشار: ۱۰ تیر ۱۴۰۴
    طراحی سایت و خدمات سئو

    139,000 تومان
    افزودن به سبد خرید