Mern Stack Bus Ticket Booking App

Build MERN Stack Bus Ticket Booking App From Scratch using React , Redux , Stripe , Antd , Node , MongoDB

What you'll learn

Building full-stack real world applications from scratch

Working with complex MongoDB, queries, schemas, models

Separate User Interfaces for Users, Admins

JWT Authentication and Password Hashing

Ant Design Library for UI Components,

Redux Toolkit,

Seats Availability Checking

Stripe Payment Gateway Integration

Handling negative payment scenarios

Manage Tickets and User from the Admin Pane;

Github and Heroku Deployments

Requirements

Javascript Basics

Description

Hi Guys, Welcome to the course 'MERN Stack Bus Ticket Booking Application'In this course, you will learn the following topicsBuilding full-stack real world applications from scratchWorking with complex MongoDB, queries, schemas, modelsSeparate User Interfaces for Users, AdminsJWT Authentication and Password HashingAnt Design Library for UI Components,Redux Toolkit,Seats Availability CheckingStripe Payment Gateway IntegrationHandling negative payment scenariosManage Tickets and User from the Admin Pane;Pushing Code to GitHub,Hosting application in Heroku24/7 Q/A Support.MERN stands for MongoDB, Express, React, Node, after the four key technologies that make up the stack.MongoDB - document databaseExpress(.js) - Node.js web frameworkReact(.js) - a client-side JavaScript frameworkNode(.js) - the premier JavaScript web serverExpress and Node make up the middle (application) tier. Express.js is a server-side web framework and Node.js is the famous 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.React is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual developers and companies.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 designed to build scalable network applications.

Overview

Section 1: Introduction

Lecture 1 Project Demo / Resoures

Section 2: Front End Setup

Lecture 2 React App

Lecture 3 Node Modules and Folder Structure

Section 3: Backend Setup

Lecture 4 Node Express Server Setup

Lecture 5 Node Mongo Connection

Section 4: Authentication Front End

Lecture 6 Registration Screen

Lecture 7 Login Screen

Section 5: Authentication Backend

Lecture 8 User Model and Register API

Lecture 9 User Registration API Integration

Lecture 10 Login API

Section 6: Authorization and Protected Routes

Lecture 11 Authorization Part - 1

Lecture 12 Authorization Part - 2

Section 7: Redux setup and Alert Messages

Lecture 13 Redux Setup

Lecture 14 Spinner Component

Section 8: Layout

Lecture 15 Layout Structure

Lecture 16 Menu Items

Lecture 17 Layout Responsive

Section 9: Buses

Lecture 18 Add Bus

Lecture 19 Add Bus API

Lecture 20 Get All buses

Lecture 21 Edit Bus

Lecture 22 Delete Bus

Section 10: Booking Bus

Lecture 23 Displaying all buses

Lecture 24 Booking Page-1

Lecture 25 Booking Page-2

Lecture 26 Booking API

Section 11: Payment Integration In Booking

Lecture 27 Payment Part - 1

Lecture 28 Payment Part - 2

Section 12: Bookings List and Print Ticket

Lecture 29 Display Bookings

Lecture 30 Print Ticket Part - 1

Lecture 31 Print Ticket Part - 2

Section 13: Bus Status and Filters

Lecture 32 Bus Status

Lecture 33 Filter Buses

Section 14: Users and Permissions

Lecture 34 Users

Lecture 35 Permissions

Section 15: Fixes and Deployment

Lecture 36 UI fixes

Lecture 37 Deployment

Full stack developers,Javascript Developers,MERN Stack developers