https://moviefighting.netlify.app/

• 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/