Back to Portfolio
2023-03-27_04-29_mhwqe1.png

Movie Indexer

Status - Finished

Stack

React.js
Tailwindcss
Vercel
TypeScript
Axios

Summary

Built React-based movie discovery platform with TypeScript, custom debounce search, and TMDB API integration for trending film browsing.

Work Type
Side-ProjectDesign Involved

Detailed Information

Introduction

Developed a Netflix-inspired movie discovery platform utilizing React.js, TypeScript, and Tailwind CSS to create an engaging cinematic browsing experience focused on performance and user experience.

Tech Stack

  • React.js
  • TypeScript
  • Tailwind CSS
  • TMDB API
  • Axios
  • Vercel

Problem/Solution Format

Problem 1: Users needed an intuitive way to discover trending and popular films without the complexity of complete streaming platforms. 

Solution 1: Engineered a visually engaging movie indexer that displays trending and popular films in a clean, Netflix-inspired interface that prioritizes discovery.

Problem 2: Search functionality needed to be efficient without overwhelming the API or causing performance issues. 

Solution 2: Implemented a custom debounce function to optimize search requests, preventing excessive API calls while maintaining responsive search results.

Problem 3: Application required complex routing to handle different viewing states and categories. 

Solution 3: Designed and implemented an advanced routing system that smoothly transitions between different movie categories, search results, and detail views.

Results

The Movie App delivers a premium film discovery experience with blazing-fast performance through Vercel deployment. The implementation of TypeScript ensures code reliability while Tailwind CSS creates a responsive, visually appealing interface that works across devices.

Visit Movie Indexer