- HTML
- CSS
- JavaScript
- JQuery
- Bootstrap
- ESLint
- Babel
- Webpack
- Popper
- Package.json
- Triposo-API
- Movie-glu
- Mapbbox
- Recration Information Database API
This application integrates four different API's to suggest a day trip with map locations based on the mood clicked. It also has an option for National Parks based on user search and local movie API that uses coordinates that are currently set in the movie.js file.
Setup & Installation Requirements
- Clone or download the zip file of this repository to your desktop
- Open in a text editor
- If you are using a Mac: open the package.json and find the scripts property, change the line "start": "npm run build & webpack-dev-server --open --mode development", to "start": "npm run build; webpack-dev-server --open --mode development"
- Commit and push your .gitignore file to your repo
- Run
$ npm install
- Check title on package.json and webpack file
- Go to https://www.triposo.com/api/signup and generate an API Key
- Type
$ touch .env
to create a document to save your API key as Account_Key={your key here} & token={your token here} - Go to https://ridb.recreation.gov/landing to generate an API Key
- add API_KEY={Your-Api-Key} to the .env file.
- _Add MAP_KEY=pk.eyJ1IjoibmF0aGFubWFwYm94ZGV2IiwiYSI6ImNrcHdkN2p2aDA0Z2oyeG9ieDZicTZudm4ifQ.tUypg6GRjhED2bic-GkFnw (this is a public test key) to the .env file.
- Go to https://developer.movieglu.com/ and generate an API Key
- In your .env file add the MOVIES_AUTHORIZATION=(), MOVIES_CLIENT=(), and API_KEY=() for movies
- Type
$ npm run build
, to build your environment - Type
$ npm run start
, to open in your browser - Click on any of the moods to get your result
- Use the Nav Bar to go to different Sections
- Type in a US City to find nearby Parks
- Click the "See Local Movies" Button to show nearby theaters and showing
- National Parks API only work for US cities
- Movies is set to the US and specific coordinates and will not change
- Pick a new mood does not allow for results to populate a second time
Copyright (c) 2021 Paige Tiedeman, Nathan Fletcher, Connor Hansen, Diego Serafico & Mark Chang
Paige Tiedeman @ github.com/paigetiedeman
Nathan Fletcher @ github.com/nathanfletch
Connor Hansen @ github.com/chansen1395
Diego Serafico @ github.com/DiegoSerafico
Mark Chang