![icon](public/favicon.png)
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.