annisann/movie-searcher

A simple movie searcher web application made with Next.js

Movie Searcher

(I want a cool name but nvm we'll get back later.. :P)

Overview

A simple movie searcher app with so much to to lists (will be actively updated)! Made for MLH Global Hack Week: APIs on April 2023 challenge <3

Made with

• OMDb API: The Open Movie Database [https://www.omdbapi.com/]
• Next.js [https://nextjs.org]
• NextUI [https://nextui.org]

movie-searcher's Issues

API won't show data that has too many results, hence will show data with query "undefined" on default.

example query: "the"

differentiate tag colors e.g `type` in movie card and `rated` in movie detail modal

navbar functionality

• search bar
• year: dropdown or text input?
• dropdown genre

loader when user clicked movie detail

what happens when user clicked the movie card:

1. get movie ID.
2. make request based on the ID.
3. open modal

sometimes the request is slower than usual it seems like the web is doing nothing because there's no change or no indicator that a movie detail modal will open. whilst waiting the modal pop up, user can click on the screen again and still seems no change, BUT it means that we close the modal. then when user clicked another movie card, it will shows previously clicked movie card, then shows the current clicked movie card! hence we need a loader to improve user experience.

issue on `type` dropdown, not changing the query param

can't search using query param

no result still shows the result from previous request

empty result must display content for no result

searched query don't show on navbar

fix css is not working on movie detail modal