MENU

GET IN TOUCH

scott@coastalsites.dev
Back

FilmFlow

Year

2025

Tech & Technique

React.js, Vite, TypeScript, Tailwind CSS, shadcn, Supabase, TMDB API, Vercel

Description

View trending, popular etc movies/tv series before deciding on what to watch. With similar & recommended movies/tv series, you can add movies to your wishlist. Key Features:
  • 🛠️ Search Movie Database (TMDB): Integrated TMDB API for extensive movie and TV series data
  • ✍️ Movie WishLists: Create and manage personalized movie wishlists
  • 🎬 Movie Details: Comprehensive movie details with ratings and reviews
  • 🌐 Responsive Design: Optimized for all device sizes
  • 📱 Fully Responsive: Optimized for all device sizes
  • ⚡ Fast Performance: Optimized Vite full-stack with ISR (Incremental Static Regeneration)

Technical Highlights:
  • Integrated user authentication and wishlist management with Supabase
  • Developed reusable UI components with shadcn for design consistency
  • Configured efficient data fetching strategies with infinite scrolling
  • Set up automated deployment pipeline with Vercel for seamless updates

My Role

Full-Stack Developer
Owned the entire development lifecycle:
  • ✅ Backend: Configured Payload CMS with custom collections for services, blogs, and products
  • 🎨 Full-Stack: Built all UI components using Tailwind CSS and shadcn
  • 🔄 State Management: Implemented client-side data fetching and caching
  • 🖥️ CMS Customization: Created admin interfaces for content editors
  • 🚀 Deployment: Set up CI/CD pipeline for Vercel hosting
  • 🛡️ Authentication: Integrated:mSupabase for user authentication and wishlist management

SCOTT_PHELPS

scott@coastalsites.dev