MyMovieSearch

MyMovieSearch is a modern full-stack web application designed to search, explore, and discover movies and TV shows using data from the TMDB API. The application offers a unified search experience, advanced browsing filters (genres, ratings, release dates, runtime, and more), and detailed media pages displaying comprehensive information such as synopses, cast, production details, and official links.

The front-end is built with Next.js using the App Router, combining Server-Side Rendering and client components to ensure optimal performance and SEO. React Query handles data fetching, caching, and synchronization, while Tailwind CSS provides a fully responsive, modern user interface with smooth animations and optimized images. The application also supports internationalization, with automatic language detection and seamless switching between English and French.

A significant part of the project is handled on the back-end, developed with NestJS and structured using a modular architecture. The API acts as an intermediary between the front-end and the TMDB API, applying validation, transformation, and caching strategies to optimize requests and reduce external API usage. Cached responses improve performance and ensure a smooth user experience, even during intensive browsing sessions.

MyMovieSearch was built as a portfolio project to demonstrate clean architecture, modern tooling, and best practices in full-stack development. It also showcases the use of AI-assisted development to increase productivity—helping with code generation, refactoring, and testing—while maintaining full control over architectural decisions, code quality, and long-term maintainability.

Tech stack: Next.js, React, TypeScript, NestJS, Tailwind CSS, React Query, TMDB API, Docker.

For more technical details: https://github.com/BChevillon/mymoviesearch