
Build a car rental app using React, Redux, Node.js and Express, and MongoDB, featuring authentication, booking with timeslots, availability filtering, Stripe payments, and an admin panel for managing cars.
Create a reusable default layout with a persistent header and a content area that renders page content via props, using bootstrap and consistent styling across authenticated pages.
Set up a redux store for client by installing redux, react-redux, and redux toolkit, creating a root reducer and reducers for cars and users, and wiring the store with provider.
Design and implement the booking screen for the MERN car rental app, integrating prototype-driven UI, car details, time slots, API-driven data, and the book now flow.
Explore time slot selection with a range picker and moment library in the MERN car rental app, converting dates and calculating total hours for bookings.
Explore Stripe as a payment gateway for web apps, including creating an account, navigating the dashboard, and locating publishable and secret API keys for frontend and backend use.
Add a new car via the api endpoint with an async function and a car model, validating fuel type (petrol) before saving to MongoDB.
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.