This video is being added to queue, please check back in few minutes.

0 Viewsยท ยท

Complete MERN Stack Project: Build a Hotel Booking App Like a Pro Developer Step-by-Step Course 2024


rupali
Subscribers

Welcome to the Complete MERN Stack Project Course! Chapters/Source Code/links here ๐Ÿ‘‡ <br> <br>๐Ÿš€ Apply what you&#039;ve learned with weekly project ideas. Join the community now! [a]https%3A%2F%2Fwww.jschris.com%2Fprojects[/a] <br> <br>Source: [a]https%3A%2F%2Fgithub.com%2Fchrisblakely01%2Fmern-booking-app[/a] <br>Test Data (for automated tests &amp; hotel images): [a]https%3A%2F%2Fgithub.com%2Fchrisblakely01%2Fmern-booking-app[/a]/tree/main/data <br> <br>Render.com IPs to add to MongoDB: <br>3.75.158.163 <br>3.125.183.140 <br>35.157.117.28 <br> <br>Other Links: <br>Stripe: [a]https%3A%2F%2Fstripe.com%2F[/a] <br>Cloudinary: [a]https%3A%2F%2Fcloudinary.com%2F[/a] <br>MongoDB: [a]https%3A%2F%2Fmongodb.com[/a] <br> <br> <br>๐ŸŽฅ: Chapters <br> <br>00:00:00 intro <br>00:01:28 project setup <br>00:20:58 setup tailwind <br>00:23:54 adding layout <br>00:46:48 auth explained &amp; login and registration <br>03:42:20 automated tests explained &amp; auth tests <br>04:22:20 deployments explained and auth deployment <br>04:45:37 add hotel feature <br>07:09:39 add hotel feature deployment <br>07:16:58 view my hotels feature <br>07:43:52 view my hotels automated test <br>07:53:58 view my hotels deployment <br>07:57:54 edit my hotel hotel <br>08:49:37 edit my hotel automated test <br>09:02:54 edit my hotel deployment <br>09:05:40 search page &amp; pagination feature <br>10:38:00 sorting and filtering feature <br>11:23:00 search page feature automated test <br>11:28:28 search page feature deployment <br>11:32:53 hotel details page feature <br>12:19:14 hotel details page automated test <br>12:22:45 hotel details page deployment <br>12:23:57 save search terms to session storage <br>12:32:04 booking confirmation page <br>13:08:00 stripe payments explained <br>13:10:31 stripe setup and booking feature <br>14:14:53 booking feature automated test <br>14:24:45 booking feature deployment <br>15:08:03 outro - congrats &amp; thanks for watching <br> <br> <br> <br>Description: <br>๐Ÿš€ Welcome to our comprehensive step-by-step course where we dive into building a full-fledged Booking App using the MERN stack! This tutorial is perfect for developers looking to enhance their skills and create a real-world application from scratch. Whether you&#039;re a beginner eager to delve into MERN stack development or an experienced developer looking to polish your skills, this course has something for everyone. <br> <br>๐Ÿ”‘ **Key Features of Our Booking App:** <br>1. **User Authentication**: Learn to implement secure login and registration using HTTP cookies and JWT for a seamless user experience. <br>2. **Hotel Management**: Master the art of adding, editing, and viewing hotels. We cover everything from handling form inputs to managing state. <br>3. **Image Uploads**: Dive into integrating image uploads, a crucial feature for any booking platform. <br>4. **Search, Sort, &amp; Filter**: Enhance the user experience with functionalities to search, sort, and filter hotels, making it easy for users to find their perfect stay. <br>5. **Online Payments**: Integrate Stripe for secure and efficient hotel booking payments. <br>6. **Booking Management**: Implement the feature to view and manage bookings, essential for any booking application. <br>7. **Recent Hotels on Home Page**: Display recently added hotels on the home page, keeping the content dynamic and engaging. <br> <br>#[350] #[351] #[352] #[353] #[354] #[355] #[356] #[357] #[358] #[359] #[360] #[361]

Show more

Up next


0 Comments