StayVista: Hotel Booking Platform

Project Overview

StayVista is a user-friendly hotel booking platform designed to offer a seamless experience for both guests and hosts. StayVista enables users to browse, book, and manage accommodations effortlessly. The platform also includes robust features for secure transactions and property listings, ensuring a trustworthy and efficient environment for all users. Additionally, StayVista incorporates comprehensive admin functionalities to monitor overall statistics and manage user roles effectively.

• Live-Site
• Server-Repo

Key Features

For Guests

1. User-Friendly Interface: An intuitive design that simplifies the browsing and booking process.
2. Filtering: Powerful filters to narrow down accommodations based on category.
3. Detailed Property Listings: Comprehensive property descriptions, high-quality images, and guest reviews.
4. Secure Booking System: A reliable and secure system for booking accommodations with various payment options.
5. Booking Management: Easy-to-use tools for managing bookings, cancellations, and modifications.
6. Statistics: Real-time analytics and statistics to monitor expense over time, total expense and bookings.
7. Become a Host: Want to become a host? Just click on Become a Host and wait for admin approval.

For Hosts

1. Property Listing Management: A straightforward process for listing properties with options to add detailed descriptions, photos, and pricing.
2. Booking Calendar: A visual calendar to manage bookings and availability.
3. Booking Management: Easy-to-use tools for managing bookings, cancellations, and modifications.
4. Host Dashboard: A comprehensive dashboard to monitor sales over time, bookings, revenue, rooms and total sales.

For Admins

1. User Role Management: Tools to manage and assign roles to users, including guests, hosts, and other admins.
2. Platform Monitoring: Real-time analytics and statistics to monitor sales over time, users, rooms, bookings, and revenue.

Technology Stack

• ReactJS
• Firebase
• TailwindCSS
• MongoDB (Server Side)
• Stripe (Payment System)
• Firebase (Authentication)
• NodeJs, Express.js (Server Side)

Admin Access

• Email: [email protected]
• Password: 123456

Run the Project Locally

Prerequisites

Before you begin, ensure you have the following installed on your system:

• Git
• Node.js (LTS version recommended)

1. Clone the Repository:

   git clone https://github.com/sm-noushan/react-stay-vista-client
   cd react-stay-vista-client

2. Install Dependencies:

   npm install

3. Set Up Environment Variables: Create a .env.local file in the root directory and add the necessary environment variables. (Important!)

4. Set Up Server: For detailed information, refer to the Setup in the back-end repository's README.md. (Important!)

5. Run the Application:

   npm run dev

6. Access the Site: Open your browser and go to http://localhost:5173/ or http://192.168.1.12:5173/ from other devices on the same network to view the application.

Thank you!