An app to manage movie nominations. As a user, you can save up to 5 of your favourite films as nominations. You can then share your list with friends! Click here to view the full description.
I began by designing my app to gain a deeper understanding of the functionality, and the user experience I would like to create. Using Figma, I created mockups for both web and mobile. Click here to view my Figma designs.
To build the app, I used React as it is fast, scalable and simple to use. For styling, I used Tailwind CSS to keep the codebase clean and easy to read. It was my first time using Tailwind, but found it to be a great developer experience.
🕵️♀️ Search for a movie by title
🍿 Nominate a movie from your search results to add it to your nominations list (max 5 nominations)
🚫 Remove a nomination from your nominations list
😎 Automatically store your nominations in your browser so you can come back to them later
👨💻 Share your nominations through link sharing
🌙 Keep your 👀 relaxed at night with dark mode
You'll need a couple steps to get it up and running locally.
- Run
git clone https://github.com/mattfrances/ShopifyWebChallenge2021.git - Open a terminal window in the directory you cloned the repo, and do
cd ShopifyWebChallenge2021 - Run
npm install - Create a
.envfile in the root folder of the project containing the following values:
REACT_APP_OMDb_API_KEY = {{YOUR_OMDb_API_KEY}}
REACT_APP_OMDb_API_URL = https://www.omdbapi.com/
REACT_APP_WEB_HOST = http://localhost:3000/ - Run
npm start