Turismo is a travel discovery engine providing information about landmarks, experiences, and restaurants for destinations around the globe
-
Install Rails Backend API
-
Install Node.js and npm
$ brew install node
-
Clone this repo and cd into the directory
-
Install all dependencies
$ npm install
-
Create a Firebase project with your Google Account
-
Create an .env file in the React project's root folder with the following info from your Firebase settings.
REACT_APP_API_KEY=XXXXxxxx REACT_APP_AUTH_DOMAIN=xxxxXXXX.firebaseapp.com REACT_APP_DATABASE_URL=https://xxxXXXX.firebaseio.com REACT_APP_PROJECT_ID=xxxxXXXX REACT_APP_STORAGE_BUCKET=xxxxXXXX.appspot.com REACT_APP_MESSAGING_SENDER_ID=xxxxXXXX REACT_APP_CONFIRMATION_EMAIL_REDIRECT=http://localhost:3000
-
Add the following API keys from the following sources to the .env file
REACT_APP_GOOGLE_MAPS_API_KEY=XXXXX REACT_APP_WEATHER=XXXXX REACT_APP_YELP_API_KEY=XXXXX REACT_APP_VIA_MICHELIN=XXXXX REACT_APP_UNSPLASH=XXXXX REACT_APP_NYTIMES=XXXXX REACT_APP_CURRENTS=XXXXX REACT_APP_NEWSAPI=XXXXX
-
Make sure the Rails server is running and then run the app
$ npm start
Explore millions of destinations and landmarks worldwide. The search can be as broad or as narrow as you would like.
Continent: North America | Country: United States | State: California |
---|---|---|
City: San Francisco | Neighborhood: Haight-Ashbury | Landmark: Golden Gate Bridge |
---|---|---|
View travel news, Wikipedia info, photos, current weather, and a local map for your destination
Save your favorite destinations
Log in via email and password or existing Google account with Firebase Authentication
- React.js
- Ruby on Rails API (Backend: https://github.com/415CA/turismo-backend)
- Firebase
- PostgreSQL
- HTML
- CSS
- Material UI
- Active Record