Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/abhijeetanand45/hotelhub-client

Hotel Hub - A modern, efficient, and enjoyable platform to book and manage hotels for both users and admins, built with React to deliver a seamless and user-friendly experience..
https://github.com/abhijeetanand45/hotelhub-client

api-integration axios css hotel-booking-website hotel-management-system hotel-search javascript jwt-authentication jwt-token react react-router

Last synced: 18 days ago
JSON representation

Hotel Hub - A modern, efficient, and enjoyable platform to book and manage hotels for both users and admins, built with React to deliver a seamless and user-friendly experience..

Host: GitHub
URL: https://github.com/abhijeetanand45/hotelhub-client
Owner: AbhijeetAnand45
Created: 2024-09-07T06:59:30.000Z (2 months ago)
Default Branch: master
Last Pushed: 2024-09-15T18:20:24.000Z (2 months ago)
Last Synced: 2024-10-09T17:40:58.030Z (about 1 month ago)
Topics: api-integration, axios, css, hotel-booking-website, hotel-management-system, hotel-search, javascript, jwt-authentication, jwt-token, react, react-router
Language: JavaScript
Homepage:
Size: 2.86 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Hotel Hub - Frontend

This is the frontend of **Hotel Hub**, a hotel booking web application. The frontend is built using React and provides a user interface for browsing hotels, booking rooms, and managing accounts for both users and admins.

## Features

- **Home Page**: Displays a list of available hotels.
- **Login/Signup**: Users can create accounts and log in using JWT-based authentication.
- **Hotel Booking**: Logged-in users can book hotel rooms.
- **User Profile**: Users can view and update their profile.
- **Admin Panel**: Admins can manage hotels, users, and bookings from the UI.

## Tech Stack

- **React**: For building the user interface.
- **React Router**: For navigation between pages.
- **Axios**: For making HTTP requests to the backend.
- **Bootstrap**: For styling and layout.
- **JWT**: Used for handling user authentication.

## Setup Instructions

### Prerequisites

- Node.js and npm installed

### Steps to run

1. Clone the repository:
```bash
git clone https://github.com/yourusername/hotel-hub.git
cd hotel-hub/frontend
```

2. Install the dependencies:
```bash
npm install
```

3. Start the development server:
```bash
npm start
```

4. The frontend will be running on `http://localhost:3000`.

## Usage

- **Login/Register**: Users can sign up or log in to access the hotel booking system.
- **Browse Hotels**: Users can browse available hotels on the home page.
- **Book a Hotel**: After logging in, users can select a hotel, view details, and book rooms.
- **Admin Access**: Admins can log in and manage hotels, rooms, users, and bookings through the admin panel.

## Folder Structure

- `src/components/`: Contains React components like forms, hotel listings, and admin panels.
- `src/pages/`: Contains different pages like Home, Login, Register, Admin Dashboard.
- `src/services/`: Contains services for making API requests to the backend.

## Screenshots

- **Home Page**:
![Home Page](public/assets/screenshots/Home.png)

- **Services**:
![Home Services](public/assets//screenshots/Services.png)

- **Room Page**:
![Room Page](public/assets/screenshots/Rooms.png)

- **Find Booking**:
![Booking Page](public/assets/screenshots/Booking.png)

- **Login Page**
![Login Page](public/assets/screenshots/Login.png)

- **Register Page**
![Register Page](public/assets/screenshots/Register.png)

- **Admin Dashboard**:
![Admin Dashboard](public/assets/screenshots/Admin.png)

---

## License

This project is licensed under the MIT License.