AI-powered entertainment recognition and discovery platform. Identify movies and TV shows from screenshots and clips instantly.
- Trending Movies: Discover what's popular right now.
- AI Scanner: Upload screenshots or clips to identify movies using Gemini AI.
- Anime Recognition: Specialized support for anime frames via Trace.moe and AniList.
- Watch Providers: Real-time information on where to stream identified content legally.
- AI Expert: Talk to our specialized movie/anime agent for recommendations and trivia.
- Library: Keep track of movies and shows you want to watch.
- Frontend: React, Vite, Tailwind CSS, Motion
- Backend/Storage: Firebase (Firestore, Auth)
- AI: Google Gemini 2.5 Flash (Recognition & Chat)
- Data Sources:
- TMDB API: Global movie/TV metadata and watch providers.
- AniList API: Detailed anime metadata and character info.
- Trace.moe API: Frame-accurate anime identification.
- Node.js 18+
- Firebase project with Firestore and Authentication enabled
- Google Gemini API key
- TMDB API key
-
Clone the repository:
git clone <repo-url> cd Cight -
Install dependencies:
npm install -
Set up Firebase:
- Copy
firebase-applet-config.example.jsontofirebase-applet-config.json - Fill in your Firebase project credentials
- Copy
-
Set up environment variables:
cp .env.example .envEdit
.envand add your API keys:GEMINI_API_KEY— Get from Google AI StudioVITE_TMDB_API_KEY— Get from TMDB
npm run dev
npm run build
The build output is in the dist/ directory. Deploy to any static host (Vercel, Netlify, Cloudflare Pages, Nginx, etc.). Ensure your host is configured to serve index.html for all routes (SPA fallback).