Mern Stack : Hotel Booking App With React ,Node ,Mongo 2021

Learn how to build complex applications without state management tool REDUX

What you'll learn

React - Node API Connections

Working with local storage

Booking Rooms

Adding New Rooms Date Range Filters

Date Range Filters

Common payment gateway , Placing orders with stripe

Retrieve Bookings to user profile

Separate Dashboards for User and Admin

Complete Animations oriented screens

Managing Bookings , Rooms , Users from Admin panel

By the end of the courses, you will know how to work with complex MERN Stack apps without redux including the payment gateway.

Requirements

React Basics

Node Basics

Javascript Fundumentals

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 applicationsNode.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 browserExpress.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 one of several variations of the MEAN stack (MongoDB Express Angular Node), where the traditional Angular.js frontend framework is replaced with React.js. Other variants include MEVN (MongoDB, Express, Vue, Node), and really any frontend JavaScript framework can work.Express and Node make up the middle (application) tier. Express.js is a server-side web framework, and Node.js the popular and powerful JavaScript server platform. Regardless of which variant you choose, ME(RVA)N is the ideal approach to working with JavaScript and JSON, all the way through.In this course, you will learn the following topicsWorking with Complex topics in React Node,Booking Rooms,Cancel BookingsAdding Rooms data to Database,Edit Rooms after adding, Stripe Payment Gateway Integration,User Dashboard,Admin dashboard,Manage Users, Rooms, Bookings from the Admin panelPushing Code to Github,Hosting application in HerokuBy 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.

Overview

Section 1: Introduction

Lecture 1 PROMO / Source Code

Section 2: Project Setup

Lecture 2 React App Setup

Lecture 3 Navbar

Lecture 4 Node Server Setup

Lecture 5 Mongo DB Connection

Section 3: Get Rooms To Home Screen

Lecture 6 Room Model

Lecture 7 Adding static data to Mongo DB

Lecture 8 Get all rooms Backend

Lecture 9 Get all rooms Front-End

Section 4: Home Screen

Lecture 10 Homescreen Design

Lecture 11 Room model popup in Home screen

Section 5: Booking Room Screen

Lecture 12 Booking Room Screen Front End

Lecture 13 Booking Room Screen Backend

Lecture 14 Success , Error , Loading components

Section 6: User Authentication

Lecture 15 Register , Login Screens Front End

Lecture 16 Register , Login Backend

Lecture 17 User Authentication Final

Section 7: Booking Room

Lecture 18 Dates Introduction

Lecture 19 Booking Model

Lecture 20 Booking a Room

Lecture 21 Filter Rooms based on Current Bookings

Section 8: Payment Gateway

Lecture 22 Payment Demo

Lecture 23 Stripe - Front End

Lecture 24 Stripe Backend

Lecture 25 Payment Gateway styling

Section 9: Search and Type Filter

Lecture 26 Rooms Filtering

Section 10: User Profile

Lecture 27 Get user bookings

Lecture 28 Cancel booking

Section 11: Admin Panel

Lecture 29 Get all bookings backend

Lecture 30 Get all bookings frontend

Lecture 31 Get all users

Lecture 32 Add new room - front end

Lecture 33 Add new room - bankend

Section 12: Final Touch

Lecture 34 Landing page design

Lecture 35 AOS Animations

React Developers,Javascript Developers,MERN Developers