StayVista is a fully responsive hotel room booking application built with React and Vite. It features three user roles: admin, guest, and host. Hosts can add rooms and cancel bookings, guests can book rooms, and admins can upgrade guests to hosts and manage users and hosts.
StayVista aims to provide a seamless booking experience for guests, while offering comprehensive management capabilities for hosts and admins. The application supports dynamic room listings and bookings, ensuring users have the latest information at their fingertips. With role-based access control, StayVista ensures that users have appropriate permissions to perform their tasks.
-
Fully Responsive Designed to work on all devices, from mobile phones to desktops
-
Role-based Access Control Admins, guests, and hosts have different capabilities.
- Admin Can upgrade guests to hosts and manage users and hosts.
- Host Can add rooms and cancel bookings.
- Guest Can book rooms and apply to become hosts.
- Dynamic Room Listings Rooms can be added, updated, and managed dynamically.
- Booking Management Users can book rooms, and hosts can manage these bookings.
- Category Filter System Helps users filter rooms by various categories for a better search experience.
- payment System Secure and reliable payment processing.
- Full Security Measures Ensures user data and transactions are secure.
- APIs Facilitates backend communication for dynamic updates and operations.
To set up the project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/Chumki111/StayVista.git
-
Navigate to the project directory:
cd StayVista -
Install dependencies using npm or yarn:
npm install # or yarn install -
Create a
.envfile in the root directory and add necessary environment variables such as API keys, database URLs, etc. -
Start the development server:
npm run dev
-
Open http://localhost:5173 in your browser to view the application.
This project utilizes React Router for client-side routing. React Router is a powerful routing library for React applications, allowing navigation between different components without the need for page refreshes. For more information on React Router, refer to the official documentation.
To install React Router in your project, run:
npm install react-router-dom
# or
yarn add react-router-dom