Movie Watch

Role: Developer

Individual work employs a full stack setup. TMDb movie API was utilized for this project to show features such as searching for movies, getting movie rankings, save watch list.

default-img
Movie Poster SpiderMan Into the Spider Verse
Movie Poster Jackie Chan
Movie Poster Transformer Rise of the Beast
Movie Poster Scream Remake
Movie Poster SpiderMan Into the Spider Verse
Movie Poster Jackie Chan
Movie Poster Transformer Rise of the Beast
Movie Poster Scream Remake
Movie Poster SpiderMan Into the Spider Verse
Movie Poster Jackie Chan
Movie Poster Transformer Rise of the Beast
Movie Poster Scream Remake
©2021-2026 DICKENS LEUNG PORTFOLIO. ALL RIGHTS RESERVED.

Movie Watch

Role: Developer

Individual work employs a full stack setup. TMDb movie API was utilized for this project to show features such as searching for movies, getting movie rankings, save watch list.

  • View Live Site

    • User Interface

    Designing the UI utilize React's component-based architecture to break down the UI into reusable components. For example, a MovieCard component to represent individual movies in the list. The wireframe outlines key components such as movie list, search page, movie details and genre filters.

    Contents and Information Architecture

    Implement reusable props and dynamic rendering techniques to display movie information, including title, poster, release year, and rating. Enhance the movie components by integrating additional features like movie trailers & cast information.

    Custom Code Development

    Implement asynchronous functions or hooks within React.js, such as useEffect and useState, to fetch movie data from the API. Utilize React Router or similar libraries to implement navigation within the movie database. Set up routes for different views, such as the movie list, movie details, and search results.

    Reflection

    This was more complicated project than what I was working on in the past. Working through the API documentation, implementing the solution, trying to decide whether importing an entire library for a specific function or actually spend the time to write it out on your own to keep it lightweight and scalable. (Future proof-ing) I was very grateful about all the easy-to-read and organize documentation to find an answers quickly. It is a confidence boost that I am able to solve the issues, even at the beginning I’d think .. “maybe It’d be much easier to restart the whole repo from scratch.”

    ©2026 DICKENS LEUNG PORTFOLIO - ALL RIGHTS RESERVED.