Welcome to The Shoppies, a movie award show for entrepreneurs!
Visit The Shoppies webpage here to search for your favourite movies and nominate your Top 5 picks that you believe deserve to win a Shoppy award!
- Clone the Github repository
git clone git@github.com:fareed-ah/Shoppies.git- Change directories to the client folder
cd Shoppies/client- Intall yarn dependencies
yarn install- Run the dev script
yarn dev- View the web page at localhost:3000
- Search for your favourite movies with ease, the new and improved search bar shows results as you type. Clear the search bar with the click of a button.
- Search results are displayed with pagination and the user is informed how many results are retrieved.
- Search results will show the movie title and date released users along with the movie poster and genre.
- User can click on the movie poster to open a detailed popup of the movie which includes: movie title, poster, plot, release date, genre, age rating, and imdb rating.
- Error messages are displayed where the result should appear when applicable.
- A banner notifying the user that they have reached 5 nominations will appear below the list of movie nominations.
- The page will automatically save nominations as the nominations are modified. Thus on refresh the page will retain the users nominations.
- The page is very responsive and works well on mobile as well!
The Shoppies webpage is built using the following libraries:
- Nextjs – Front end framework
- TypeScript - The Shoppies is built with TypeScript to take advantage of static typing
- Verecel – Web hosting
- OMDBApi – External API used to fetch movies
- Material UI – React UI Components
- Query returned duplicate movies items
- Reached OMDB 1000 daily limit
- Deciding how to chain axios requests
- Redesigned the entire website about three times