MERN Stack Car Rental Application 2021 : React ,Redux ,Node

Build real time Car Rental Service Application with React , Redux , Node

4.20 (66 reviews)
Udemy
platform
English
language
Web Development
category
381
students
7.5 hours
content
Oct 2021
last update
$39.99
regular price

What you will learn

Building complex applications with MERN Stack

Using state management tool redux for data managing in react

Hands on experience with actions , reducers , store

Making the applications responsive with bootstrap and antd

Description

React is an open-source front-end JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications

Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser

Express.js, or simply Express, is a back end web application framework for Node.js, released as free and open-source software under the MIT License. It is designed for building web applications and APIs. It has been called the de facto standard server framework for Node.js.

MERN is a free and open-source JavaScript software stack for building dynamic web sites and web applications. Because all components of the MERN stack support programs that are written in JavaScript, MEAN applications can be written in one language for both server-side and client-side execution environments

Technologies Used

  • React,

  • Redux,

  • Node

  • Express,

  • Mongo DB,

  • Ant Design

Concepts Covered

  • Stripe Payment Gateway Integration,

  • Single Applicatons

  • State Management

  • Redux actions , reducers , store

  • Working with complex and Dynamic layouts

  • Real time car rental service concepts

  • User Dashboard,

  • Admin dashboard,

  • Manage Users, Cars, Bookings from the Admin panel

  • Pushing Code to Github,

  • Hosting application in HerokuSingle Page Applications

  • Single Page Applications

  • Responsive Designs

  • Hover Effects and Animation

  • By the end of the course, you will know how to work with complex apps without REDUX including the payment gateway.

  • 24/7 Q/A Support.

Content

Introduction

Introduction

Front End Setup

React setup
Routes config
Creating layout

Backend Setup

Node setup
Mongo Node Connection
Create car model
Add static data to cars collection
Get all cars API

Homepage Design

Redux Store Setup
Get redux state to Homepage
Home page design
Car Hover Effect

User Authentication

Login , Register pages design
Login and Register actions
User authentication API
Protected Routes
Car animation in login/register pages

Car Booking

Booking screen
Working on timeslots
Booking car - frontend
Booking car backend-1
Booking car backend-2

Cars Filtering

Filter cars based on availability
Booked timeslots modal

Payment gateway

Stripe demo
Payment gateway - frontend
Payment gateway - backend

User Bookings Page

User Bookings Design
User Bookings Logic

Admin Panel

Add new car - design
Add new car-api
Edit Car Design
Edit car - api
Delete Car

Deployment

CSS Fixes and Deployment
Pushing to Github
Deploy to Heroku

Screenshots

MERN Stack Car Rental Application 2021 : React ,Redux ,Node - Screenshot_01MERN Stack Car Rental Application 2021 : React ,Redux ,Node - Screenshot_02MERN Stack Car Rental Application 2021 : React ,Redux ,Node - Screenshot_03MERN Stack Car Rental Application 2021 : React ,Redux ,Node - Screenshot_04

Reviews

Hakan
July 4, 2022
There are pros and cons. What I liked was the implementation of a Calendar and connecting to the backend. This course could be even better if: 1. Using RTK and RTK Query. 2. Using Tailwind or Css in JS 3. Using Middlewares on the backend. 4. Hashing the password
Vivien
May 25, 2022
Pros: Great stuff and I learned some stuff especially related to ant design. Been hearing about it but never had the opportunity to use it until this course. Cons: 1- editor font size was left at abismal sub 12. That's woefully inadequate for recording. I don't know why most indians do this while people like Brad and Mosh automatically set their editor font size to 24 for recording which is what's makes sense. Udemy needs to find a way to start cracking down on this. 2- even though the author may have specified that it's for beginners, there are way too many things that were left out and don't make it ready for production: hashing password is no brainer. Beginner or not, password MUST be hashed. You can't store plain text password in db. edit, delete and add new cars routes should be accessible to admin only, no one else.
Ganesh
May 24, 2022
This course needs to be updated. most node modules used on it are deprecated like Switch, Redirect, etc. Please instructor do the needful.
Amr
May 22, 2022
The course in general is good, but i got a lot of errors. Because the code is not updated and there is no a github link provided!
MANCHALA
November 22, 2021
Excellent Course will be enjoying learning and knowning the best and one of the best course in Udemy for react

Charts

Price

MERN Stack Car Rental Application 2021 : React ,Redux ,Node - Price chart

Rating

MERN Stack Car Rental Application 2021 : React ,Redux ,Node - Ratings chart

Enrollment distribution

MERN Stack Car Rental Application 2021 : React ,Redux ,Node - Distribution chart
4363612
udemy ID
10/23/2021
course created date
10/24/2021
course indexed date
ANUBHAVJAIN
course submited by