Skip to content

Latest commit

Β 

History

History
97 lines (70 loc) Β· 2.9 KB

File metadata and controls

97 lines (70 loc) Β· 2.9 KB

🎬 JustMovie - Your Ultimate Movie App

Browse. Watch. Bookmark. All in one beautiful app.
Live Demo Β»


🌟 Project Overview

JustMovie is a modern and fully responsive movie streaming app built with React, TailwindCSS, and Supabase.
A real rival to Netflix – but 100% free.

  • Browse your favorite movies and series
  • Save them with bookmarks
  • Manage your profile with custom avatars and settings
  • All built from scratch with scalable architecture

πŸ–ΌοΈ Preview

Dashboard Page Movie Details
Home Movie

πŸ’‘ Why I Built This

As an aspiring frontend developer, I wanted to build something real-world and user-focused – not just another to-do app.
This project helped me:

  • Connect to external APIs (TMDB)
  • Implement user authentication and storage (Supabase)
  • Build a clean UI using TailwindCSS
  • Work with forms, validation, pagination, uploads, and multi-language support

All features were planned, designed, and developed by me.


πŸš€ Features

  • 🎞️ Browse movies by category, genre, and individual details
  • πŸ”– Bookmark system per user
  • πŸ‘€ Authentication, profile settings & avatars
  • 🌐 Multi-language support (i18n)
  • βš™οΈ Responsive design + mobile support
  • πŸ“Š CRUD operations with database (Supabase)
  • πŸ“¦ Performance: 100/100/100/100 Lighthouse Score
  • πŸ§ͺ Form validation (Zod + React Hook Form)
  • πŸ”₯ Fully typed with TypeScript

🧰 Tech Stack

Tech Role
React, TypeScript App & logic
Vite Fast build tool
TailwindCSS Styling
Supabase Backend-as-a-Service
React Router Routing
React Query Data fetching
React Hook Form + Zod Forms + validation
i18n Translations
React Dropzone, Hot Toast, Tooltip UI enhancements
Context API State management

πŸ“¦ Installation

# 1. Install dependencies
npm install

# 2. Create a .env file and add:
VITE_SUPABASE_KEY=your_supabase_app_key
VITE_TMDB_API_KEY=your_tmdb_api_key

# 3. Run the dev server
npm run dev

# 4. Open the localhost link in your browser

πŸ‘¨β€πŸ’» Developer Info