Case Study

CineVault

A movie discovery app using the TMDB API with filtering, sorting and a tested UI.

Placeholder project preview

Overview

CineVault is a movie discovery application built to practise API integration, filtering, sorting, responsive UI and automated testing.

Challenge

Building a fast movie discovery experience around the TMDB API while keeping the UI responsive and the codebase maintainable.

Architecture

The application is organised into reusable React components with separated business logic, allowing filtering, sorting and API communication to remain maintainable as the project grows.

Testing

The application includes comprehensive automated tests covering components, user interactions and critical application flows while maintaining high code coverage.

Features

  • Movie search powered by the TMDB API
  • Advanced filtering and sorting
  • Responsive movie grid
  • Loading skeletons
  • High automated test coverage

Tech Stack

ReactTypeScriptViteTMDB APIVitestReact Testing LibraryGitHub Actions
Live Demo ↗View Source