A responsive web app that allows users to discover which streaming platforms offer a specific movie or TV show. It includes trending content, trailers, detailed descriptions, cast info, a personalized wishlist, and customizable user profiles.
- 🔎 Search for movies and TV shows across multiple streaming platforms
- 🔥 View real-time trending content
▶️ Watch trailers directly within the app- 📋 Access detailed descriptions, cast info, and ratings
- ❤️ Save favorites to a personal wishlist
- 🌐 Personalized recommendations based on user preferences
- 🧑💻 User authentication via Firebase
- 🖼️ Avatar selection during registration and profile editing
- 🌍 Set language and country preferences
- 🔁 Edit profile (pseudo, avatar, language, country) at any time
- ⏳ Loading spinners for login, registration, and profile updates
- ✅ LocalStorage caching for faster profile load
- 📱 Fully responsive design for desktop, tablet, and mobile
Users can edit their avatar, pseudo, language and country directly from their profile.
Real-time search across multiple streaming platforms using TMDB API.
Add or remove movies and shows from a personal wishlist with a simple click.
Users can instantly watch trailers without leaving the app.
Homepage features trending movies and TV shows with smooth horizontal scrolling.
- Frontend: React, Vite
- Styling: Custom CSS
- Authentication & Data: Firebase (Auth & Firestore), TMDB API
- Storage: Firebase + LocalStorage
To run the project locally:
git clone https://github.com/EmireHaouas/tflix.git
cd tflix
npm install
npm run devThen open your browser at http://localhost:5173
- 🔄 Added loading spinners to login, registration, and profile save buttons
- 🎭 Implemented profile editing (including avatar, country, language, and pseudo)
- 📷 Created dynamic avatar system with multiple choices (Disney-style, pop culture, etc.)
- ⚙️ Improved form validation and error handling
- 💾 Cached user profile in
localStoragefor smoother UX - 🎨 UI refinements to select dropdowns and responsive layout
- 📺 Multi-language interface
- 📊 Viewing history and analytics
- 🎬 Trailer playback enhancements
- 🧠 Smarter recommendation engine
- 🔔 Notifications and reminders for upcoming releases
Feel free to contribute by submitting issues or pull requests!