saharabanu / hotel-booking-client

Hotel Booking

Hotel Booking Service Project

Live Link : https://hotel-booking-rosy.vercel.app/

admin: email: [e-mail], password: 123456

This is hotel booking service project. In this project , I have used Next.js, Ant Design (css framework), and Javascript for Frontend Integration. I have also used Node and Mongoose for backend .It is fully responsive project. In this home page, I have shown some features , for example, filtering, searching, scroll top top button and carousel and etc.I have also created and implemented service details , service page, feedback page, about us page, login and registration page, booking and confirmation page.

I have also implemented admin and user dashboard, user profile.

An Admin can manage all users, services, booking. I have also created small notification.

User-Facing Features

Homepage

• Navigation Menu

• Search Bar

• Featured Content/Services

• Testimonials/Reviews

• About Us/Platform Description

• Images and Visuals

• Detailed Footer menu

• Two unique sections

• Interactivity (minimum 2 section):

• Testimonials/Reviews Carousel

• Scroll-to-Top Button

• Loading Spinner

• Content or Service Listings

Content or Service listing page:

• Content/Service Cards
• Filter and Sorting Options
• Search Bar
• Pagination (frontend pagination)
• Content/Service Details Link
• Quick Actions
• Rating and Reviews
• Availability Status ( if applicable)
• Sorting and Filtering Sidebar
• Breadcrumb Navigation
• Content/Service Tags
• Pricing Information
• User-generated Content
• Search Results Summary

Detail Pages

• Title
• Description
• Images or Gallery
• Pricing (if applicable)
• Availability Information (if applicable)
• Location or Address (if relevant)
• Contact Information (if applicable)
• User Reviews and Ratings(if applicable)
• Related Content/Services
• Booking or Reservation Options
• Share Buttons
• Call-to-Action Buttons
• Additional Details
• User-generated Content

Interaction and Booking Page:

• Booking Form
• Date and Time Selection (if applicable)
• Availability Calendar (if applicable)
• Pricing Information (if applicable)
• Booking Confirmation (if applicable)
• Add to Cart or Reserve Now Button
• Availability Status (if applicable)
• Additional Options
• Review and Edit Booking (if needed)

User Registration and Login page:

• Registration Form
• Login Form
• User Profile Picture (if applicable)
• Username or Email Field
• Password Field
• Social Media Login Options (if applicable)
• Sign-Up Button
• Sign-In Button
• Error Messages for Validation
• Terms and Conditions Checkbox
• Privacy Policy Link
• Redirect to User Profile (after login)

User Profile page:

• User Profile Picture (if applicable)
• User Information
• Profile Settings
• Purchase or Booking or Content or Service Interactions History
• Payment Methods (only UI)
• Edit Profile Button
• Logout Button
• Notifications (Optional)

Feedback Page:

• Feedback Form
• Fields for User's Name and Email
• Rating Scale
• Comments or Suggestions Box
• Submit Button
• Clear Form Button
• Thank You Message
• Dashboard for Users

User Dashboard page:

• Overview of User's Activities
• Booking History
• Current Booking Status
• User Profile Summary
• Edit Profile Button
• Notifications Center
• Quick Actions

Admin Dashboard page:

• Overview of Platform Activities and Statistics
• User Management Section
• Content or Service Management Section
• Booking , Content Management Section ( make any part of the webpage * dynamically )
• User profile summary
• Notifications Center(optional)
• Quick Links to Common Actions