TripHop

Explore the World

A simple Travel Companion app which shows the interesting places around

🔴P.S. Feel free to give access for google to your geolocation so the displayed stuff will be pointed to your city

🎯Links

Watch it in action here

📌 Features

• See all the Restaurants, Hotels & Attractions in any location of the world
• See the weather in any place in the world
• Search any city/country/vilage
• Filter what you want to see - Restaurants, Hotels or just Attractions to make your day brighter
• Filter the spot's rating & see the ranking based of the current city
• Visit the place's website & its Trip Advisor website
• See the phone number & the exact address of the spot
• View the price variation of the chosen spot
• View the awards the spot has
• Click on the spot on the map, and it scrolls up to you

Snapshots

Demo gif

✨ Built With

• React
• Material-UI
• Google Maps API
• Travel Advisor & Open Weather Map APIs

💻 Run locally

• Clone this repo
• Run npm install and npm start
• The application opens in http://localhost:3000/ or any other available port

🤖 Known Bugs / To-do

• Convert entire codebase to Typescript
• Add a Google login page
• Dark Mode
• Do Testing 🤦🏻‍♂️
• Add ability to see distance between 2 places
• Fix some bugs when the API throws 429/403 errors
• Tweak the design to make it look more modern and less-common
• Store environmental variables on the server, not on the frontend, so it will be hidden
• Fix map's mobile view overflow off the screen

Contributions, issues and feature requests are always welcome! Star the repo if you like this project :)

Created with 🤎 by Dragosh

Back to top