What's That Movie? is a web app that retrieves movie info using the OMDb API.
It even has dark mode (automatic based on system preferences)!
| Light Mode 🤢 | Dark Mode 😎 |
|---|---|
 |
 |
The web app provides the following info for each movie (if available):
- Title and Year
- Poster
- Release Date
- Runtime
- Genre(s)
- Director(s)
- Rating (Metascore)
- Short plot synopsis
To run this web app on your local machine, first make sure that Node.js is properly installed. Clone this repo and run the following commands from within the newly created directory:
npm install
npm start
The web app can now be viewed in-browser at http://localhost:3000/.
Note that the web app requires an API key in order to successfully query the OMDb database.
Register for an API key at https://www.omdbapi.com and store the key in a .env file with the following contents:
REACT_APP_API_KEY={YOUR API KEY HERE}
This web app was built on Kristen Koyanagi's starter code for Capital One's Software Engineering Summit coding challenge.
The icon design is based on the movie icon from Tabler Icons.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent