/task

Primary LanguageJavaScript

Task

How to install

  • Download or Clone the repo

  • Create .env file

  • .env example

REACT_APP_API_KEY=2453c35d
  • Run this command
npm install

then

npm start

How to operate this project

HomePage

  • User can Navigate from Homepage to other pages

Screen Shot 2022-04-21 at 12 24 40 PM

  • Other pages with a floating card
  • Floating card only change the data after 1 min
  • Click on the card, you can find the details information

Screen Shot 2022-04-21 at 12 28 25 PM

Screen Shot 2022-04-21 at 12 59 28 PM

SearchPage

  • Please go with this url http://localhost:4000/search
  • Search Your movie from search bar
  • You can select max 6 movies for each categorey.
  • User can not select a movie twice for same category. A alert message warn the user
  • After selected 6 movies for each category, a alert message also warn you

Screen Shot 2022-04-21 at 12 34 29 PM

Screen Shot 2022-04-21 at 12 35 42 PM

Award Page

  • Pleae go with this url http://localhost:4000/award
  • Your selected movies are shown in this page for nomination
  • You can select only one movies from each category
  • If you click the select button, card will be high lighted
  • There is a button in the bottom named Submit Ballot Button. When click in it a success modal pops up
  • You can close the modal to click on the x button

Screen Shot 2022-04-21 at 12 47 16 PM

Demo