cd ~/projects
All projects
superhero-chat.sh

SuperHero Chat

Shipped

Superhero-themed chatbot with DB-backed personas and a simple chat UI.

Full-stack engineer

Live demo GitHub

superhero-chat_case_study.sh

~/projects cat superhero-chat_case_study.txt

// Problem

A fun chatbot demo needs themed personas stored in a database and a clean UI — not a generic chat window.

// What I built

I built SuperHero Chat as a simple superhero-themed chatbot with database-backed personas and a straightforward chat UI. Next.js frontend with Firebase Auth; Vercel AI SDK and Qdrant power retrieval-augmented responses behind the scenes.

// Architecture

Next.js with a hero-themed chat UI. Database-backed superhero personas. Vercel AI SDK (Google provider) for streaming chat with Qdrant retrieval. Firebase Auth for user sessions. Deployed on Vercel.

// Stack

Next.js TypeScript React Vercel AI SDK Google AI Qdrant Firebase next-auth Tailwind

// Outcomes

  • ▸ Live superhero chatbot at super-hero-chat.vercel.app
  • ▸ DB-backed personas with a simple, themed chat UI
  • ▸ Public GitHub repo