UX Developer Intern & Web Developer Intern Challenge - Summer 2021

Live Website

---

Features

• Search for movies on OMDB and view search results
• Movies in search results can be added and removed from the nomination list
• Displays a banner when the user has 5 nominations
• Disables nominate button when user nominates a particular movie or nomination limit reached
• View more info about a particular movie by clicking on More Info icon
• Dark Mode feature
• Saves nominations list even if the user leaves the page
• All images are lazily loaded, cached, and served in modern WebP format. This is done using Next.js Image Component
• Fully responsive for mobile and tablet

TechStack

• NextJS + Javascript
• Chakra UI as a component and icon library
• SCSS for styling
• Deployed using vercel

Demo

Development

To get started:

git clone https://github.com/zafin-hassan/shoppies-challenge.git
npm install
npm run dev