mannhuynh / movie-fighting

Movie Fighting App helps you to choose the best movie.

Movies Fighting

Demo:

https://moviefighting.netlify.app/

Challenges:

• Fetch data about movies
  • Fetch some free movies data from outside: http://omdbapi.com/:
    • Get API key first.
    • Use the parameters given.
    • Fetch data using AXIOS library
  • Some ways to fetch: Index results or Show detail results
• Build autocomplete widget from scratch:
  • Build a default search box
  • User typing to search -> show matching movies in dropdown menu
    • No result found -> hide menu
  • User typing complete:
    • User presses enter -> do nothing
    • User clicks an entry -> Update text and close menu
    • User clicks outside the dropdown -> close menu
• Need styling with CSS:
  • Using 'Bulma CSS' framework: https://bulma.io/