Movie Finder

Content Type: Widget
Categories: User Interface

Overview

The Movie Finder widget for Mendix allows users to search for movies by entering a movie's name and instantly retrieve detailed information using the OMDB API. With a visually appealing interface that includes a movie poster and essential details such as the title, genre, director, cast, plot summary, runtime, IMDb rating, language, country, and awards, the widget provides a seamless user experience. Built with Vite and ReactJS, it ensures fast, responsive performance and up-to-date data fetching. The clean layout makes it easy for users to explore movie details, adding a rich layer of content to any Mendix app, making it ideal for entertainment platforms, research tools, and movie enthusiasts looking for detailed film information at a glance.

Documentation

This widget helps users display detailed information about movies based on the input of either a movie title or director's name. It fetches data from the OMDB API and presents details such as the movie's genre, director, and release year. It can be useful for applications related to movie databases, reviews, or entertainment platforms.

Features and limitations

  • Features:
    • Retrieves and displays movie information via the OMDB API.
    • Supports search by both movie title and director's name.
    • Displays key details such as genre, director, and release year.
  • Limitations:
    • Requires an active internet connection to retrieve data from the OMDB API.
    • API key required to access OMDB data.
    • Limited to the information available through OMDB.

Dependencies [optional]

  • React.js
  • Vite.js (for development and bundling)
  • OMDB API (requires an API key)

Installation [optional]

  1. Clone the repository or download the widget files.
  2. Ensure that React.js and Vite are installed.
  3. Obtain an OMDB API key by signing up at OMDB API.
  4. Add the API key in the widget configuration.
  5. Run npm install to install necessary dependencies.

Configuration [optional]

  1. Input your OMDB API key in the configuration section of the widget.
  2. Adjust the styling or layout as needed using the available parameters.
  3. Set the preferred display fields (e.g., movie title, director, genre).

Known bugs [optional]

  • Occasionally, the API may return incomplete data if the OMDB database is not up to date.
  • Error handling for invalid API keys or network issues could be improved.

Frequently Asked Questions [optional]

  1. Where can I get an OMDB API key?You can sign up for a free or paid API key at OMDB API.

  2. Why am I not seeing any data?Ensure that you have entered a valid API key and have a working internet connection. Also, verify that the movie title or director name you are searching for exists in the OMDB database.

Releases

Version: 1.0.0
Framework Version: 10.12.0
Release Notes: Download another release that supports your Studio Pro Version. Learn more about building Pluggable React Widgets. From Studio Pro 10.7.0 or higher, users can enable a React version of Mendix Client. If you want to know more, check Mendix React Client.