https://github.com/yehiashaarawy/olys-hotel-reservation-system

OLY'S is an interactive hotel booking platform with a 3D globe for selecting destinations and hotels, paired with a secure billing page featuring real-time credit card validation.
https://github.com/yehiashaarawy/olys-hotel-reservation-system

css glsl glsl-shaders html javascript scss three-js threejs vitejs

Last synced: about 1 month ago
JSON representation

OLY'S is an interactive hotel booking platform with a 3D globe for selecting destinations and hotels, paired with a secure billing page featuring real-time credit card validation.

• Host: GitHub
• URL: https://github.com/yehiashaarawy/olys-hotel-reservation-system
• Owner: YehiaShaarawy
• Created: 2024-12-02T21:55:52.000Z (about 1 month ago)
• Default Branch: master
• Last Pushed: 2024-12-02T22:39:24.000Z (about 1 month ago)
• Last Synced: 2024-12-02T23:28:50.454Z (about 1 month ago)
• Topics: css, glsl, glsl-shaders, html, javascript, scss, three-js, threejs, vitejs
• Language: HTML
• Homepage:
• Size: 869 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# OLY'S Hotel Interactive Reservation Website

OLY'S is an interactive hotel reservation platform featuring a 3D globe interface that lets users explore and book hotels by simply clicking on their desired country. Each click reveals curated hotel options for the selected destination, ensuring a personalized travel experience. The platform includes a secure billing page with real-time credit card validation for seamless and reliable payments.

## Homepage

![homepage](https://github.com/user-attachments/assets/8e3859bc-3dec-4e8e-a077-96509165c153)

## A Curated Hotel Page

![hotel](https://github.com/user-attachments/assets/b1d9424a-fd25-446a-a2f5-47076dbe74d8)

## Billing Page

![credit](https://github.com/user-attachments/assets/087534d9-2b20-467b-9250-3be20d09e6a2)

### Validation to the Billing Page

![SCR-20241202-uonj](https://github.com/user-attachments/assets/4f5f2029-0653-472b-9f37-fec306154a5a)

![SCR-20241202-upij](https://github.com/user-attachments/assets/26aab0f7-1dae-4fa7-a54a-686912fb7be6)

## Step-By-Step

>1. Open your terminal and change your directory to the root project

>2. Install npm -> `npm install`

>3. Run the Vite Server -> `npm run dev`

>4. Click the given url and et voila!!