https://github.com/sm-noushan/react-stay-vista-client
StayVista is a user-friendly hotel booking platform designed to offer a seamless experience for both guests and hosts by enabling users to browse, book, and manage accommodations effortlessly.
https://github.com/sm-noushan/react-stay-vista-client
axios date-fns expressjs firebase-auth headlessui imgbb-api mongodb nodejs query-string react-date-range react-google-charts react-helmet-async react-hot-toast react-icons react-router-dom react-spinners reactjs stripe-payments tailwindcss tanstack-query
Last synced: 3 months ago
JSON representation
StayVista is a user-friendly hotel booking platform designed to offer a seamless experience for both guests and hosts by enabling users to browse, book, and manage accommodations effortlessly.
- Host: GitHub
- URL: https://github.com/sm-noushan/react-stay-vista-client
- Owner: SM-Noushan
- Created: 2024-07-06T11:16:16.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-07-15T16:32:09.000Z (11 months ago)
- Last Synced: 2025-02-03T11:50:47.900Z (5 months ago)
- Topics: axios, date-fns, expressjs, firebase-auth, headlessui, imgbb-api, mongodb, nodejs, query-string, react-date-range, react-google-charts, react-helmet-async, react-hot-toast, react-icons, react-router-dom, react-spinners, reactjs, stripe-payments, tailwindcss, tanstack-query
- Language: JavaScript
- Homepage: https://stayvista-by-sm-nowshan.vercel.app
- Size: 184 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://stayvista-by-sm-nowshan.vercel.app)
- [Server-Repo](https://github.com/sm-noushan/react-stay-vista-server)
## 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](https://git-scm.com/downloads)
- [Node.js](https://nodejs.org/) (LTS version recommended)
1. **Clone the Repository**:
```sh
git clone https://github.com/sm-noushan/react-stay-vista-client
cd react-stay-vista-client
```
2. **Install Dependencies**:
```sh
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](https://github.com/sm-noushan/react-stay-vista-server) in the back-end repository's `README.md`. (**Important!**)
5. **Run the Application**:
```sh
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!