/Travel-advisor

⚠️Location must be enabled for mobile users!⚠️ Created in React, using Travel advisor API from Rapid API and React Leaflet, you can browse restaurants, hotels and attractions around you, and anywhere on the map.

Primary LanguageJavaScript

Travel advisor
(React)


Table of contents

Project task

The project was inspired by JavaScript Mastery. Created in React, using Travel advisor API from Rapid API and React Leaflet, you can browse restaurants, hotels, and attractions around you, and anywhere on the map.

Project overview

This project will ask you to allow your location. If you allow it, it will show restaurants around you. You are able to choose between restaurants, hotels, and attractions. Getting data based on location is done with Axios and Travel advisor API parameters. You are also able to browse restaurants, hotels, and attractions anywhere on the map. Maps are powered by React Leaflet. On the left, there are select elements for type and rating. Below these 2 filtering options, there is a section with all the necessary information about restaurants, hotels, and attractions. There is basic info like price rank, place ranking, exact location, phone number, etc. The website is fully responsive.

Built with

  • React
  • Sass
  • Travel advisor API (Rapid API)
  • React Leaflet
  • Leaflet
  • JSON
  • GitHub Pages

Lighthouse Score

Lighthouse Score

  • Performance: 100
  • Accessibility: 95
  • Best Practices: 96
  • SEO: 100

Last updated: 6/10/2024

I continuously strive to maintain and improve these scores with each update.

Live preview

Click for live preview