Next JS v13.4 Car Rental Application

Focused View

K.Sathyaprakash Reddy

8:30:43

44 View

1. Project Setup

1. Creating Next App.mp4

06:05

2. Folder Structure.mp4

11:08

3. Next JS Routing.mp4

06:42

2. Setup stylesheets

1. Antd.mp4

10:07

2. Over riding antd theme.mp4

13:46

3. Custom stylesheets.mp4

07:00

3. Login And Register Screens

1. Register Screen.mp4

18:16

2. Login Screen.mp4

07:34

4. Next JS APIs and DB Connection

1. API Setup.mp4

07:18

2. Mongo DB Connection.mp4

10:06

5. Authentication APIs Integration

1. Register API.mp4

10:12

2. Register API Integration.mp4

06:56

3. Login API.mp4

08:31

4. Login API Integration.mp4

04:30

6. Securing APIs and Pages

1. JWT Tokens.mp4

15:13

2. Protect APIS.mp4

18:02

3. Project Pages.mp4

17:40

7. Layout

1. Default Layout.mp4

18:13

2. Logout API.mp4

05:33

8. State Management

1. Implementing Redux.mp4

14:43

2. Store Current User in Redux.mp4

12:14

3. Show Loaders Spinners.mp4

17:14

9. Add Car (Admin)

1. Add Car Form.mp4

19:06

2. Car Model and API.mp4

10:59

3. Dislplay Cars.mp4

11:53

10. Edit and Delete Cars (Admin)

1. Edit Car.mp4

07:18

2. Delete Car.mp4

06:41

11. Home and Car Info Pages (User Customer )

1. Display Available Cars in Homepage.mp4

16:30

2. Car Information Page.mp4

21:47

12. Booking A Car

1. Selecting Dates.mp4

11:08

2. Booking Model and API.mp4

15:00

13. Availability Checking

1. Show Cars Availability Status.mp4

10:13

2. Availability API.mp4

18:12

14. Payment

1. Stripe - FrontEnd.mp4

15:17

2. Stripe - Backend.mp4

16:25

15. User Functionalities

1. Bookings List API.mp4

13:23

2. Show Bookings.mp4

06:11

3. Cancel Booking.mp4

12:16

4. Bug Fix.mp4

05:28

16. Admin Functionalities

1. Bookings List (ALL).mp4

08:10

2. Users List.mp4

05:38

3. User Status Update.mp4

10:17

17. Password and Profile Details Update

1. User Details Update.mp4

09:34

18. Deployment

1. Deploy To Vercel.mp4

12:14

Description

Build a Next JS Car Rental Application From Scratch

What You'll Learn?

Learn how to build a modern car rental application using Nextjs version 13 and the Antd Design UI library.
Implement authentication with JWT tokens and set up protected routes for different user roles (user and admin).
Admin users can perform CRUD operations on cars, manage user accounts, view all bookings, and more.
Regular users can view all cars on the homepage, select a car to book, and check availability before making a reservation.
Integrate Stripe payment gateway for easy and secure payments.
Implement cancel booking functionality and profile update and password reset functionality.
Deploy the application to Vercel for global accessibility.
Gain practical experience in building a real-world web application with Nextjs and Antd Design.
Get hands-on experience with popular web development tools and technologies.
Learn how to design and implement a scalable and secure web application.
Develop skills and knowledge that are in high demand in the web development industry.
Receive expert guidance and support from an experienced web developer.
Join a community of learners and developers to share ideas and collaborate on projects.
Earn a certificate of completion and showcase your skills to potential employers.

Who is this for?

Next JS Developers

Fullstack Developers

React Developers

What You Need to Know?

Next JS Basics

React Basics

More details

Description
Hi, Are you ready to take your web development skills to the next level? Then you are in the right place.
Welcome to the course Next JS v13.4 Car Rental Application from Scratch
In this course, we are going to work on the following topics.

Learn how to build a modern car rental application using Next.js version 13 and the Antd Design UI library.
Implement authentication with JWT tokens and set up protected routes for different user roles (user and admin).
Admin users can perform CRUD operations on cars, manage user accounts, view all bookings, and more.
Regular users can view all cars on the homepage, select a car to book, and check availability before making a reservation.
Integrate Stripe payment gateway for easy and secure payments.
Implement cancel booking functionality and profile update and password reset functionality.
Deploy the application to Vercel for global accessibility.
Gain practical experience in building a real-world web application with Next.js and Antd Design.
Get hands-on experience with popular web development tools and technologies.
Learn how to design and implement a scalable and secure web application.
Develop skills and knowledge that are in high demand in the web development industry.
Receive expert guidance and support from an experienced web developer.
Join a community of learners and developers to share ideas and collaborate on projects.
Earn a certificate of completion and showcase your skills to potential employers.

Next.js is a React framework that gives you building blocks to create web applications.
By framework, we mean Next.js handles the tooling and configuration needed for React, and provides additional structure, features, and optimizations for your application.
You can use React to build your UI, then incrementally adopt Next.js features to solve common application requirements such as routing, data fetching, integrations - all while improving the developer and end-user experience.
Whether youâ€™re an individual developer or part of a larger team, you can leverage React and Next.js to build fully interactive, highly dynamic, and performant web applications.
Who this course is for:
Next JS Developers
Fullstack Developers
React Developers

User Reviews

Rating

average 0

Total votes0

Focused display

Hi,I am Satyaprakash Reddy, I am a freelance developer in India.I've 5 years of experience in developing applications in Android and Web Development.I've been teaching coding lectures from the past three years in an Institute. So now I wanted to share my knowledge across the globe through Udemy.I spend most of my time researching how to make learning to code fun and make hard concepts easy to understand. I apply everything I discover into my Bootcamp courses. In my courses, you'll find lots of geeky humor but also lots of explanations and animations to make sure everything is easy to understand.Thank U.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.