Next.js 14 Hotel Rooms Booking App 2024

Focused View

K.Sathyaprakash Reddy

9:43:06

181 View

1. Introduction

1. Promo.mp4

16:35

2. Introduction.mp4

09:06

3. Install UI Library (Ant Design).mp4

08:04

4. Ant Design Theming.mp4

13:10

2. User Authentication

1. Why Clerk.mp4

02:21

2. Clerk Account Setup and Installation.mp4

08:38

3. Custom Signin and Signup Pages.mp4

09:09

4. Show Logged In User Info.mp4

06:37

5. Styling of Signin and Signup pages.mp4

07:30

3. Mongo DB Setup

1. Connect To Mongo DB.mp4

06:41

2. User Model.mp4

04:56

3. Save Current User.mp4

12:23

4. Private Layout

1. Layout Skeleton.mp4

08:11

2. Header.mp4

18:00

3. Sidebar-1.mp4

13:39

4. Sidebar-2.mp4

03:43

5. Layout Bugs.mp4

07:07

6. Add Loader.mp4

11:28

5. Add Hotel

1. Admin Module Intro.mp4

11:31

2. Hotel Form.mp4

10:12

3. Setup Firebase For Media Upload.mp4

07:06

4. Firebase Media Upload Logic.mp4

08:09

5. Construct Hotel Payload.mp4

08:35

6. Hotel Model and Add Hotel Server Action.mp4

09:09

6. Show , Edit , Delete Hotels

1. Show Hotels Table.mp4

12:29

2. Edit Hotel.mp4

08:16

3. Handle Media Upload In Edit Scnario.mp4

08:25

4. Delete Hotel.mp4

04:25

5. Adding Loader.mp4

07:30

7. Rooms CRUD

1. Room Model and Server Actions.mp4

10:20

2. Add Room.mp4

20:05

3. Show , Edit , Delete Rooms.mp4

14:05

4. Multiple Media Upload Bug.mp4

01:47

5. Hotels & Rooms Data Preparation.mp4

01:53

8. Homepage and Room Booking Page

1. Display All Rooms In Homepage.mp4

20:01

2. Room Booking Page - Part 1.mp4

18:31

3. Room Booking Page - Part 2.mp4

09:31

9. Room Availabiltiy Check

1. Booking Model.mp4

06:12

2. Availability Sever Action.mp4

16:36

3. Testing Availability API.mp4

08:31

10. Payment Gateway Integration

1. Stripe Account Setup and Client Secret API.mp4

09:38

2. Call Client Secret With Amount.mp4

08:03

3. Payment Modal UI.mp4

19:17

4. Save Booking.mp4

06:13

5. Test Booking Scenarios.mp4

08:24

11. Show Bookings

1. Show User Bookings.mp4

15:44

2. Cancel Booking UI.mp4

08:12

3. Issuing Refund and Cancel Booking Logic.mp4

16:53

4. Admin Bookings.mp4

13:21

12. Filters

1. Filters UI.mp4

12:20

2. Get Filters Data Using Search Params.mp4

08:40

3. Filter Rooms Query.mp4

12:18

13. Booking Reports

1. Reports - Part 1.mp4

09:31

14. Admin Features

1. Admin Routes Restriction.mp4

07:14

2. Give admin access to other users.mp4

17:08

15. User Profile

1. User Profile Page.mp4

07:37

16. Deployment

1. Deploy To Vercel.mp4

11:56

Description

Build a real-time Hotel Rooms Booking App using Nextjs , Antd , Tailwind CSS , Mongo DB

What You'll Learn?

Get acquainted with the powerhouse trio of Nextjs, Ant Design, and Tailwind CSS as we lay the foundation for your coding odyssey.
Forge secure pathways for both users and administrators, ensuring seamless access to your application's myriad features
Erect virtual fortresses for users and admins, each with their own bespoke screens, modules, and privileges.
Empower administrators to wield the almighty CRUD operations, granting them dominion over hotels, rooms, and beyond.
Arm administrators with the tools to command revenue reports, booking insights, and user analytics, empowering them to steer the ship with data-driven precision
Delight users with a captivating browsing experience, allowing them to peruse hotels and rooms with ease, filtering by date, type, and more.
Transport users into a realm of luxury and convenience as they effortlessly navigate through room listings, booking their dream accommodations with just a few c
Safeguard transactions with the impenetrable fortress of Stripe payment gateway integration, ensuring peace of mind for both you and your users.
Grant users the power of choice with hassle-free booking cancellations and lightning-fast refunds, setting a new standard for customer satisfaction.
Sail through any storm with our dedicated QA support and exclusive access to the treasure trove of our code repository.

Who is this for?

Students who want to understand the latest features of nextjs 14 and build a real-time project with it

What You Need to Know?

Next JS 13 Basics

More details

Description
Welcome to "Mastering Next.js: Build Your Hotel Booking Empire"!
Ready to dive into the awesome world of Next.js, Ant Design, and Tailwind CSS? In this super exciting course, we'll teach you how to build a fancy hotel booking website.
Here's what we'll cover:
Tech Stuff: We'll start by introducing you to Next.js, Ant Design, and Tailwind CSS. Think of it like laying down the foundation for your web-building adventure.
User Login: Learn how to create safe login systems for both regular users and admins. No more sneaky hackers!
Different User Roles: We'll show you how to make special areas for users and admins. It's like building separate castles for kings and knights.
Admin Powers: Admins will be able to control everything with the magic of CRUD (Create, Read, Update, Delete). They'll feel like web wizards!
Fancy Stats: Admins will also get cool tools to see how much money they're making and what people are booking. It's like having a crystal ball for your website!
User Fun: Users will have a blast browsing through hotels and rooms. They can filter stuff like dates and room types, making it super easy to find what they want.
Easy Booking: Booking a room will be as simple as ordering pizza online. Just a few clicks and boom, you're all set for your dream vacation!
Safe Payments: We'll make sure all transactions are super secure using Stripe. Your money will be safer than a dragon's treasure.
Cancel Anytime: Change your mind about your booking? No problem! We'll make canceling a breeze, with refunds faster than a speeding bullet.
Support and Friends: Don't worry if you get stuck. We've got your back with our awesome support team and a secret stash of code tricks.
Get ready to set sail on this epic coding journey! Enroll now and let's build something amazing together!
Who this course is for:
Students who want to understand the latest features of nextjs 14 and build a real-time project with it

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.