The Shoppies Nominees

The React SPA application was built with an aim to fulfill The Shopify intern assignment.

Users can dynamically search for movies by title. Add and remove the movie to the nominee's list. After adding 5 movies the app displays banner with information that the nomination process is complete.

Link:

https://shoppies-nominees.netlify.app/

Stack:

Javascript
React
HTML/CSS
Axios
Pagination

Dependencies:

"@testing-library/jest-dom": "^5.11.9",
"@testing-library/react": "^11.2.3",
"@testing-library/user-event": "^12.6.0",
"axios": "^0.21.1",
"react": "^17.0.1",
"react-dom": "^17.0.1",
"react-js-pagination": "^3.0.3",
"react-scripts": "4.0.1",
"web-vitals": "^0.2.4"

To install:

Clone the project and run $npm install. The app is using OMDB API (http://www.omdbapi.com/) and require a KEY. To create a key use API documentation (http://www.omdbapi.com/apikey.aspx). Create .env file and add REACT_APP_API_KEY_OMDB=[your_key].

Screenshot:

Coming up:

Animation Shareable links Testing with Jest/Enzyme