This repo contains my code for the Shopify 2021 front-end developer internship.
- Search OMDB for your favourite movies
- Sorting search results
- Add movies to your nominations list (stored in local storage)
- Dynamic banner to hype you up for the Shoppies
- Display metascore for your nominations
git cloneto your favourite working directoryyarnto create a large folder ofnode_modules- Copy
.env.exampleto.env.localand put your OMDB API key in it yarn devto prepare for the Shoppies
We need a webpage that can search OMDB for movies, and allow the user to save their favourite films they feel should be up for nomination. When they've selected 5 nominees they should be notified they're finished.
We'd like a simple to use interface that makes it easy to:
- Search OMDB and display the results (movies only)
- Add a movie from the search results to our nomination list
- View the list of films already nominated
- Remove a nominee from the nomination list
- Search results should come from OMDB's API (free API key: http://www.omdbapi.com/apikey.aspx).
- Each search result should list at least its title, year of release and a button to nominate that film.
- Updates to the search terms should update the result list
- Movies in search results can be added and removed from the nomination list.
- If a search result has already been nominated, disable its nominate button.
- Display a banner when the user has 5 nominations.
It's a small app built with Next.js and OMDB.
I chose Next.js because I like using React. Next.js makes it easy to get moving fast while providing a boatload of benefits. I try to spend my time where it'll have the most impact and Next.js helps with that.
Any styling super powers I have are thanks to Tailwind CSS. I love it, I bet you would too.
My name is Anthony Morris.
I'm an ex-software engineer turned computer science student. I'm doing things a little backwards, but hey, we're all on our own unique journeys, right?
Curious to see more of what I've done? Visit me at my digital garden!