- Jennifer Bordon
- Adrian Camacho
- Godfrey Owidi
- Gurshan Kaile
- Kevin Funez
| Git | HTML |
| CSS | Boostrap |
| jQuery | JavaScript |
| npm | webpack |
| Astrology API | Movie API |
- The Astrological Interests Selector application consumes two APIs, Aztro and imdb. Aztro API provides data utilised to make the second call request to imdb API.
- The imdb API response uses mood, compatability and color from the first call to retrieve information based on the user Zodiac.
- After the user selects a zodiac choice provided on the UI, the UI displays all the relevant info for the respective zodiac sign and the possible 'interests' based on queries from the Zodiac API info.
- Clone this project
git clone https://github.com/bordonj/astrological-movie.gitinto your preferred directory. - In that directory, there should now be a directory labeled "astrological-movie".
- Follow the links above to get your API keys.
- Once you have your keys, store them into a
.envfile and don't forget to add it to your.gitignorefile.- The following code should be in your .env file.
ZODIAC_API_KEY=[api-key]
MOVIE_API_KEY=[api-key]
-
Be sure to replace the complete [api-key], including the brackets, with your respective API keys.
-
Make sure your .env file is in the ROOT of your directory and saved before building environment with
npm start. -
Run
npm ito install respective plugins/packages. -
Run
npm startto go see a live server of the app.
- Not necessarily a bug, but because we had to run multiple API calls after another for the IMDb API (due to its restriction of calls/sec), it may take about 5 seconds for the IMDb API elements to load onto the DOM after selecting one's zodiac sign
