Made using The Open Movie Database OMDb API, this web game asks you to select the highest user rating between two movies on IMDb.
This is deployed using Netlify to hide my API Key which gave me the opportunity to share it with my mom.
Click me to play!
The recommended way to view this project would be utilizing the VSCode extension Live Server.. Once installed, click “Go Live” and the page should launch using your default browser. There is no build step needed to run this project so feel free to use alternative local serving tools if you prefer.
You will also have to get your own API Key at OMDb API. Once you have a key, add a js file called apiKey.js and add the following:
export const apiKey = "https://www.omdbapi.com/?apikey=your-api-key";Replace "your-api-key" with the API key provided by the OMDB API. Don't forget to save!
You can also see the project in action by Clicking here.. Have fun!!!
1. Use arrays, objects, sets or maps to store and retrieve information that is displayed in your app.
Arrays are used to get and store API info so 2 random movies can diplay.
2. Visualize data in a user friendly way. (e.g. graph, chart, etc)
Used Chart.js to diplay bar charts of Box Office Earnings and IMDb Votes within Movie Details.
3. Retrieve data from a third-party API and use it to display something within your app.
Retriving data from the OMDb API.
