Mô tả

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.

Bạn sẽ học được gì

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

Yêu cầu

  • Javascript
  • React
  • Node

Nội dung khoá học

11 sections

Introduction

1 lectures
Introduction
07:21

Front End Setup

3 lectures
React setup
02:31
Routes config
06:36
Creating layout
11:10

Backend Setup

5 lectures
Node setup
03:41
Mongo Node Connection
08:05
Create car model
06:12
Add static data to cars collection
03:52
Get all cars API
05:38

Homepage Design

4 lectures
Redux Store Setup
13:21
Get redux state to Homepage
09:38
Home page design
22:39
Car Hover Effect
10:25

User Authentication

5 lectures
Login , Register pages design
25:31
Login and Register actions
10:33
User authentication API
22:50
Protected Routes
03:16
Car animation in login/register pages
05:59

Car Booking

5 lectures
Booking screen
19:42
Working on timeslots
14:27
Booking car - frontend
14:08
Booking car backend-1
22:11
Booking car backend-2
09:13

Cars Filtering

2 lectures
Filter cars based on availability
21:45
Booked timeslots modal
10:02

Payment gateway

3 lectures
Stripe demo
02:29
Payment gateway - frontend
10:50
Payment gateway - backend
14:14

User Bookings Page

2 lectures
User Bookings Design
08:39
User Bookings Logic
26:42

Admin Panel

5 lectures
Add new car - design
12:15
Add new car-api
05:51
Edit Car Design
27:19
Edit car - api
11:01
Delete Car
08:01

Deployment

3 lectures
CSS Fixes and Deployment
16:53
Pushing to Github
08:54
Deploy to Heroku
03:00

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.