A web app that can search the OMDB for movies. It allows the user to save their favourite films they feel should be up for nomination. When they've selected 5 nominees a banner will appear signalling they're finished and are ready for Shopify's fictional awards ceremony, The Shoppies.
Users may:
- Search OMDB and display the results (movies only)
- Add a movie from the search results to the nominations list
- Remove a nominee from the nominations list
- Leave the page and have their nominations automatically saved in local storage
- View the full movie poster and title by clicking the movie avatar
- View more information about a film by clicking an info icon
- Rating, Duration, Genre, Release Date
- Plot description
- Director, Actors, Awards
- A link to the movie's imdb page
I created a back-end server for a front-end challenge for the primary reason of concealing the OMDB api key (best practices for making API requests). But also to have an option to grow the application in future (a database connection, user routes).
The app is hosted here. But if you wish to run the code locally:
First, install dependencies for the server by running npm install
in the project root directory, and then run the same command again while in the client
folder.
- To run the server, in one terminal window run
npm start
while inside the project root directory (The server will listen on port 3001). - Then in another terminal window, run
npm start
while inside theclient
folder. - Open your browser and go to http://localhost:3000/
- React
- Sass
- Material-UI
- axios
- node-sass
- material-ui
- react-testing-library (devDependency)
- Node/Express
- express
- axios
- dotenv
- nodemon