Skip to content

alexkampos/First-React-App

Repository files navigation

Hosted

Visit https://alexkampos.github.io/First-React-App/ to check it out.

Name

Travel Agency Booking Page Replica

Description

A Travel Agency destination search interface based on Json data where following functionalities are implemented using ReactJS:
 • A search bar that you can write within any textwith autocomplete capability which returns the objects from entries.city

 • The button shows the results as different entries that come from the entries objects

 • A display that shows Check-in / Check-out dates.

 • A List with the following options: Single, Double, Family rooms

 • A price slider that gets the prices from the entries and upon sliding the entries beneath change accordingly

 • A list of property types with options: 0 –5 stars. This information is within each entry on rating

 • A list of Guest ratings that show within each entry: 0 –2 Okay, 2 –6 Fair, 6 –7 Good, 7 –8.5 Very Good, 8.5 –10 Excellent, from entries.ratings

 • A list with Hotel locations with optionsfrom entries.city

 • At the click of the View Map show a modal box with an iframe from entries.mapurl

 • A list for Sorting with options: Car Park,Sauna,Pool,Wifi,Balconytaken dynamically from entries.filters from ALL entries

 • A photo of the hotelfrom entries.thumbnail

 • A description of the hotel from the objects within json file per entry as shown above\

Technology & Tools

ReactJS
Visual Studio Code IDE

About

Dynamic replica of a travel agency page.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published