https://github.com/aa-nadim/hotel-dashboard-nextjs
This repository contains Next.js code for a vacation rental website. The code fetches data from a RESTful API , displaying dynamic information and handling various functionalities, including user interaction options, guest management, an image gallery, sharing features, and more.
https://github.com/aa-nadim/hotel-dashboard-nextjs
jest-tests nextjs tailwind-css typescript
Last synced: 3 months ago
JSON representation
This repository contains Next.js code for a vacation rental website. The code fetches data from a RESTful API , displaying dynamic information and handling various functionalities, including user interaction options, guest management, an image gallery, sharing features, and more.
- Host: GitHub
- URL: https://github.com/aa-nadim/hotel-dashboard-nextjs
- Owner: aa-nadim
- Created: 2024-11-16T06:26:42.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-11-20T05:00:14.000Z (6 months ago)
- Last Synced: 2024-12-29T17:55:53.745Z (5 months ago)
- Topics: jest-tests, nextjs, tailwind-css, typescript
- Language: TypeScript
- Homepage:
- Size: 3.93 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Overview
This repository contains Next.js code for a vacation rental website. The code fetches data from a RESTful API at `http://localhost:5000`, displaying dynamic information and handling various functionalities, including user interaction options, guest management, an image gallery, sharing features, and more.
## Technologies
• React and Next.js
• TypeScript
## Installation
### Step 1: Clone the Repository(back-end)
```bash
git clone https://github.com/aa-nadim/express-hotel-api.git
cd express-hotel-api
npm i
npm run dev
```
back-end run in ===> `http://localhost:5000`
### Step 2: Clone the Repository(front-end)
```bash
git clone https://github.com/aa-nadim/hotel-dashboard-nextjs.git
cd hotel-dashboard-nextjs
npm i
npm run dev
```
front-end run in ===> `http://localhost:3000/`
## Features
### Landing Page
Show all Hotels' Card in ===> `http://localhost:3000/`
### Specific Hotel Page
If you click on a card on the Landing Page (http://localhost:3000/), it will take you to http://localhost:3000/hotel-details/{slug}/{hotel-id} else it will take you (http://localhost:3000/404)
Example ==> (http://localhost:3000/hotel-details/radisson-blu/1280e3ba-143a-43f7-84ae-c4c34d9e12fc)
### Image Gallery
Displays dynamic images with an option to view each image in fullscreen mode.
### Region & Currency:
Allows users to select their region, and automatically adjusts the currency according to the selected region.
### Guest Management:
Allows users to specify the number of adults and children.
### Sharing Options
Provides options for sharing the listing via a link or copying the link to the clipboard.
### Heart Button
Allows users to favorite a listing with a heart icon, which persists across sessions using local storage.
## Testing
```bash
npm test
```