https://github.com/babblebey/traveladvisor
A ReactJS TripAdvisor Clone Web App made with the RapidAPI's TravelAdvisor API and Google Maps API
https://github.com/babblebey/traveladvisor
api context-api google-maps google-maps-api javascript map maps rapidapi reactjs tailwindcss vitejs
Last synced: 8 days ago
JSON representation
A ReactJS TripAdvisor Clone Web App made with the RapidAPI's TravelAdvisor API and Google Maps API
- Host: GitHub
- URL: https://github.com/babblebey/traveladvisor
- Owner: babblebey
- Created: 2022-04-24T17:24:17.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2022-07-20T17:40:58.000Z (almost 3 years ago)
- Last Synced: 2025-04-11T09:18:10.129Z (3 months ago)
- Topics: api, context-api, google-maps, google-maps-api, javascript, map, maps, rapidapi, reactjs, tailwindcss, vitejs
- Language: JavaScript
- Homepage: https://traveladvisor-bey.netlify.app/
- Size: 812 KB
- Stars: 22
- Watchers: 1
- Forks: 13
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Welcome to travelAdvisor 👋
A ReactJS TripAdvisor Clone Web App made with the RapidAPI's TravelAdvisor API and Google Maps API
### ✨ [Live Preview](https://traveladvisor-bey.netlify.app/)
## Install
Run the Command to Install all dependencies.
```sh
npm install
```
## Usage
Create API Credentials/Keys from the following Providers
* [Google Maps](https://console.cloud.google.com/) "Enabling the Specific Services: Maps Javascript API & Places API"
* [Travel Advisor (Rapid API)](https://rapidapi.com/apidojo/api/travel-advisor/)
Create a `.env` file in your root directory, create the variables as seen below filling in your API Keys appropriately
```sh
VITE_TRAVEL_API_KEY=TRAVEL-ADVISOR-APIKEY-HERE
VITE_GOOGLE_MAP_API_KEY=GOOGLE-MAP-APIKEY-HERE
```
Locate and Append the Google Map API Key onto the Script Tag in the `index.html` file as seen below
```sh
```
Now run the command to start the development server.
```sh
npm run dev
```
Your project should start running on `http://localhost:3000`
## Author
👤 **Olabode Lawal-Shittabey**
* Twitter: [@babblebey](https://twitter.com/babblebey)
* LinkedIn: [@babblebey](https://linkedin.com/in/babblebey)
* Instagram: [@babblebey](https://instagram.com/babblebey)
## Show your support
Give a ⭐️ if this project helped you!