Check it live here

Final Product

Project Stack

• React
• TypeScript
• CSS (grid, animation, variables, etc.)

Project Features

• Users can search movies by name (OMDB API)
• Search action is debounced by 500 ms using Lodash debounce
• Users can nominate their favorite movies
• Users cannot nominate more than 5 movies
• Users can delete movies that are already nominated from the nominated movie list by clicking on the delete button

Running the project

1. Obtain an api key from http://www.omdbapi.com/.
2. Create a file named .env in the root of the project
3. Add this to the .env file: REACT_APP_OMDB_API_KEY=[your api key from step 1]
4. yarn
5. yarn start

This project was bootstrapped with Create React App.