FlowClips
Movie Clips Discovery App
About this project
FlowClips is a personal project built with React that integrates with The Movie Database (TMDB) API to help users discover and organize movie clips and trailers. The app demonstrates clean architecture principles and modern React best practices. Users can browse trending movies, search for specific titles, and save their favorites to a personal collection stored in the browser's LocalStorage.
Key Features
- TMDB API integration for real-time movie data
- Search functionality with debouncing and autocomplete
- Favorites system using LocalStorage for persistence
- Responsive grid layout for movie browsing
- Detailed movie views with trailers and cast information
- Clean architecture with separation of concerns
- React hooks for state management and async operations
Screenshots
About the Project
This project was built to explore React's component patterns and API integration strategies. It showcases proper use of hooks, custom hooks for data fetching, and component composition. The architecture follows clean code principles with a clear separation between data access, business logic, and presentation layers.
The TMDB API integration required handling pagination, search debouncing, error states, and caching strategies. The favorites system demonstrates client-side data persistence and state management without relying on external state management libraries.
Project Details
- Year
- 2023
- Role
- Solo Developer
- Technologies
- React, TypeScript, TMDB API, LocalStorage