This is my submission for the Shopify Frontend Development Challenge (Summer '21)
Check it out at https://mkanoria.github.io/Not-the-Oscars
- Search results should come from OMDB's API ✅
- 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. ✅
- Storing a user's nomination list in the browser's local storage, helping persist information across sessions
- Infinite scroll to browse search results - using pagination on the OMDB search API
- Animations for adding/deleting movies from nomination lists
- Get plot details and the IMDB rating while browsing movies
First, clone the repository, and cd into the project directory
Run npm install to download and update all the required dependencies
Run npm start
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
Uses React and JavaScript
Components are built from material-ui
- Add tests
- Add user authentication (using OAuth)
- More interactive Modal to get information of selected movies
- Added debounce to reduce OMDB API search calls while looking for movies
Thanks for checking out my submission! Pls hire 🥺
This project was bootstrapped with Create React App.