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

https://github.com/apoorv0503/qtrip_dynamic

A frontend based travel website using HTML/CSS/Bootstrap/JavaScript
https://github.com/apoorv0503/qtrip_dynamic

api bootstrap5 css database html javascript json

Last synced: 3 months ago
JSON representation

A frontend based travel website using HTML/CSS/Bootstrap/JavaScript

Awesome Lists containing this project

README

        

# QTrip

Welcome to **QTrip!** QTrip is a travel site built using HTML/CSS/JavaScript. This is a **travel site** that displays differnet cities, adventures and their details, allowing users to make reservations for the adventures.

**Website URL:** https://qtrip-dynamic-frontend-bugapd.netlify.app/

## QTrip website will have these 4 pages
#### 1. Landing Page -
This is the starting page for the website. It lists the various cities for which you can explore adventures

![Landing](https://drive.google.com/uc?export=view&id=1rgGtW-mM5i0NGlWbe-nZk75LPTuhj6A5)

#### 2. Adventures Page -
This is the page that you’ll get to by clicking on one of the city cards on the Landing Page. It lists the Adventures available for that city.

![Adventures](https://drive.google.com/uc?export=view&id=1abWb-xFo5rT0ok0VdZc3k8Ddy36UFK0u)

#### 3. Adventure Details Page -
This is the page that you’ll get to by clicking on one of the Adventures on the Adventures Page. It lists details about that particular Adventure.

![Adventures_detail](https://drive.google.com/uc?export=view&id=1a926wCbM3kl1tlhHuqpYcayN67EtrSVK)

#### 4. Reservations Page -
Once the users make reservations on the Adventure Details Pages, the Reservations Page can be used to view all the reservations.

![Reservations](https://drive.google.com/uc?export=view&id=14H4Pt2PQhA-iPf5t1w1fClZoclfbmKoK)

## QTrip Architecture
![Architecture](https://drive.google.com/uc?export=view&id=13hQLlznF5DPXbv_ungp0zgi_YCHFJDLn)