Picture a Westerosi playbill written for techies: Fire up the site and you’re greeted by sweeping visuals, lore-rich sections, and a maester-on-demand chatbot. Step into the Lookalike Cam and a TensorFlow-powered sentry studies your visage, compares it against a handcrafted roster of characters, then unveils the champion you most resemble—complete with animated fanfare. It’s cosplay energy without the costume change.
This project is a fan-crafted ode to Emilia Clarke—our eternal Daenerys—blending cinematic reverence with playful machine learning. Wander through immersive pages, trade stories with a lore-wise chatbot, and let the Lookalike Cam summon your closest counterpart from the great houses of Westeros.
- 🟢 Frontend: https://game-of-thrones-xi-indol.vercel.app/
- 🟢 Backend: https://got-backend-drb5.onrender.com/home
- Lookalike Cam: A TensorFlow sentinel studies each visitor and reveals their most kindred Game of Thrones character, complete with portraits and match lore.
- Storybook Landing: Animated sections and 3D splashes retell key victories and alliances across the Seven Kingdoms.
- Maester Chat: A Cohere-powered scribe answers questions, shares trivia, and guides travelers through the saga’s tapestry.
- Next.js 13+
- MongoDB
- Cohere LLM chatbot
- SSD-Mobilenet + FaceNet weights
- TensorFlow.js with
@vladmandic/face-api(Node backend for face recognition) - Framer Motion & Tailwind CSS for sweeping visuals
- Model Warm-Up: The backend boots, binds TensorFlow’s native backend, and loads the face recognition, landmark, and detection models from
backend/models/. - Embeddings Ready Room: Precomputed descriptors live in
character_embeddings.json. Each entry records the character’s name, normalized embedding, timestamp, and the public image path used in the UI. - Camera Ritual: The client captures a frame, sends a JPEG payload to
/api/match, and awaits the maester’s scroll. - Matchmaking: Descriptors are normalized, distances computed, and the best houses returned with similarity scores and portrait references.
- Reveal & Rematch: The frontend animates the chosen champion’s image, keeps a short match history, and lets the user retry without refreshing.
Step onto the site and you’re greeted like a returning bannerman—hero shots of Emilia sparkle, banners ripple with house colors, and the soundtrack of flickering animations draws you deeper. Accept the challenge of the Lookalike Cam, unveil your noble twin, and share the tale with fellow fans. The Mother of Dragons may have left the screen, but here her spirit, courage, and warmth ignite every interaction.
-
Run backend server
cd backend npm install npm start- server listening on
http://localhost:5200/home
- server listening on
-
Then, run the frontend:
cd frontend npm install npm run dev- vite server listening on
http://localhost:3000
- vite server listening on

