WhatTooWatch

Web Dev
Full Stack
UI/UX
WhatTooWatch

Tech Stack

Next.js
React
Typescript
Tailwind CSS
Figma
Vercel

Description

WhatTooWatch is a web application designed to simplify the movie discovery experience by offering real-time, tailored recommendations through a sleek and responsive interface.

The app fetches and filters movie data including genres, ratings, and trending titles using a third-party movie API. I built this platform to help users who often feel overwhelmed by endless movie options, giving them a fast and focused way to find something worth watching.

The frontend was built with Next.js and TypeScript, styled using Tailwind CSS, and optimized for performance across devices.

  • Designed and developed a sleek, user-friendly movie discovery interface using Next.js and Tailwind CSS
  • Integrated with a third-party movie database API to fetch up-to-date titles, genres, and ratings
  • Implemented dynamic filtering and recommendation logic for personalized movie suggestions.
  • Optimized performance and responsiveness across desktop and mobile platforms using TypeScript and lazy loading techniques.
  • Ensured accessibility and clean UX/UI design principles throughout the application
  • Deployed the application with Vercel, leveraging modern deployment workflows and CDN distribution for fast load times

Page Info

Landing Page

Modern and responsive landing page showcasing several movie genres to choose from

/experience/whattoowatch/landing_1.png

Loading Animation

Loading animation while the app is fetching the movie data

/experience/whattoowatch/loading_screen.png

Movie Page

Movie page with movie trailer, ratings, descritpion and relevant tags

/experience/whattoowatch/movie_page.png