"MiPlace"– A online hotel booking platform built on the robust MERN stack. MiPlace simplifies hotel reservations, providing users with a seamless and efficient booking experience. With user-friendly features and a focus on convenience, MiPlace is set to redefine how travelers and hoteliers connect in the digital age.
Website Link -https://miplace.onrender.com/
KEY OBJECTIVES OF THE PROJECT
Team Collaboration
Hands-on Work Experience
Holistic Understanding: Understanding of various topics, promoting overall growth in psychological, social, emotional, and technical aspects of Full Stack Web Development.
📄 PAGES
Home page :
The Home page offers a welcoming and intuitive interface designed to cater to all your travel needs. At the forefront, you'll find a streamlined hotel booking section, where you can effortlessly select your desired location, check-in and check-out dates, and the number of days you plan to stay. Our user-friendly calendar feature makes planning your trip a breeze.Login in for a seamless experience or sign up to unlock exclusive perks.
Search Results page :
The Search Results page is your gateway to a tailored hotel search experience. After inputting your desired hotel location and dates on the homepage, this page compiles a list of hotels that match your criteria.
To further refine your choices, our user-friendly filter bar allows you to sort results by pricing, ranging from high to low or low to high. Additionally, you can easily identify hotels offering free amenities like parking and cancellation options.
With our Search Results page, finding the perfect hotel that suits your preferences and budget has never been more convenient and customizable. Your ideal stay is just a few clicks away.
Hotel Information Page :
This page is your gateway to discovering the perfect accommodation experience. About what hotel offers an array of exceptional facilities to make stay comfortable and convenient.
Read reviews from satisfied guests to gain insight into their memorable stays. Explore our hotel's overview to get a glimpse of our elegant design and modern amenities.also recommendations to enhance user experience.
The "View My Favorites" button displays hotels that users have added to their favorites based on their preferences. Users can both add and delete hotels from their favorites list, ensuring a seamless user experience.
Booking and Bill Information Page :
When you book a hotel, you will be redirected to a page displaying information about your reservation, including the daily charges for the duration of your stay and the total bill. On this page, you will find a payment button that will redirect you to the Stripe payment gateway where you can securely enter your card details, make the payment, and proceed to complete your booking checkout.
Booking Details Page:
After your payment is completed, you will be redirected to a page that stores information about the hotel you booked, your check-in and checkout dates and times, the terms and conditions, and your payment details.
Sign Up Page
Aspiring users are granted access to a registration form to initiate their onboarding process. It should be noted that the inclusion of a profile image is an optional enhancement that users may opt to integrate into their profiles.
Login Page
Returning users, who have already completed the sign-up process, are provided a platform to access the application securely. This enables them to explore the app in better way.
Payment Page :
When user is logged in and wants to book hotel and do payment online so he will redirected to payment page and he can successfully do payment and book hotel .
Mybookings Page:
This will give details about the successfully booked hotels by user its checkin date and checkout date etc.
🛠️ Tools and Technologies Used:
HTML, CSS, Tailwind CSS, React, Redux-toolkit, Node.js, Express.js, MongoDB,Figma,Postman for API testing.
🚩 Outcome of the project
The application should include the following functionalities to meet the user requirements:
Engaging Exploration: A dynamic and visually appealing Home page that serves as a gateway to the exploring hotels.Users can effortlessly discover the different hotels .
Comprehensive Catalog and Personalization: Users can explore an extensive catalog of hotels and book according to thier convinience. Additionally, searchResults page provides the filter bar which helps in seamless user experience for filtering the hotels according to their requirements.
User-Focused Accessibility and Interaction: The app will prioritize user convenience through a seamless Sign-Up and Login process. New users can easily initiate their onboarding journey with the option to add a profile image for enhanced personalization. Returning users can securely access their accounts and explore the app while retaining their bookmarked items.
The user-centric design and functionality of the app create a user-friendly experience, making it effortless for users to engage with and enjoy their chosen hotels online.