ClipFlix

A modern short-clip platform for movie scenes, series moments, and memes with favorites, filters, and interactive UI.

View demo (It can be viewed in Issues or by downloading the video)

Features

• Vertical Feed - TikTok-style infinite scroll for clips.
• User Interactions - Like, favorite and share clips.
• Advanced Search - Search by title, movie, genre or tags.
• User Profiles - Personal favorites and custom collections.
• Responsive Design - Mobile-first approach with dark theme.

Tech Stack

• Frontend: Next.js, React, Tailwind CSS.
• Backend: Supabase.
• Testing: Playwright for end-to-end tests.
• Deployment: Vercel.

Getting Started

Requirements

• Node.js (LTS recommended).
• pnpm.

Installation

git clone https://github.com/yourusername/clipflix.git
cd clipflix
pnpm install

Running locally

pnpm dev

• Visit http://localhost:3000 in your browser.

Testing with Demo Account

To quickly test all features without creating a new account, you can use our demo account:

Demo Credentials

Username: testuser
Password: password123

Environment Variables

• Create a .env file at the root of the project with the following variables:

NEXT_PUBLIC_BASE_URL=http://localhost:3000
SUPABASE_ANON_KEY=your_supabase_anon_key
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=your_cloudinary_cloud_name