Projects

Digital Disposable Camera

Digital Disposable Camera

A full-stack platform that turns any phone browser into a disposable camera — guests scan a QR code to capture a host-set shot limit with zero app install or login.

Next.jsReactTypeScriptPrismaPostgreSQLNextAuthAWS S3 & CloudFront
  • Guests scan a QR code to capture a host-set shot limit with no app install or login.
  • Photos stream into a host-moderated gallery served by a serverless S3 & CloudFront pipeline with UUID-keyed caching.
  • Bulk ZIP export with NextAuth-secured PostgreSQL/Prisma storage, deployed on AWS.
Courtroom Chaos

Courtroom Chaos

A real-time multiplayer AI courtroom game with a voice-interactive AI judge, built in under 24 hours at the UCLA Google DeepMind Hackathon (Runner-Up & Judges' Favorite).

ReactNode.jsWebSocketsGoogle Gemini API (Live, Lyria, Nano Banana)
  • Voice-interactive AI judge that listens, interrupts, assigns roles, and delivers dynamic verdicts.
  • Real-time multiplayer gameplay powered by WebSockets and the Google Gemini API.
  • Runner-Up & Judges' Favorite at the UCLA Google DeepMind Hackathon.
AI Meeting Assistant

AI Meeting Assistant

A full-stack AI-powered video conferencing platform with custom AI agents, automatic transcription, and smart search.

Next.jsDrizzleORMPostgreSQLOpenAI APIInngestStream SDK
  • Engineered custom AI agents that join meetings and assist participants in real time.
  • Automatic meeting transcription and summarization with smart transcript search.
  • Background job orchestration with Inngest and secure authentication.
TitanFund

TitanFund

A blockchain-based micro-crowdfunding platform for CSUF students to raise funds for certifications, research materials, and academic projects — with milestone-based smart contract automation.

SolidityNext.jsWeb3.jsHardhatChakra UIMetaMaskSepolia TestnetIPFSVercel
  • Smart contracts automatically release funds when students submit verified proof of milestone achievement — no manual intervention needed.
  • CSUF student identity verified via @csuf.edu email domain, MetaMask wallet linking, and optional faculty sponsorship with tiered trust levels.
  • Gas costs reduced by ~35% through packed structs, batch operations, and separation of read-only from write functions — optimized for mainnet readiness.

AI Workforce OS

A distributed multi-agent AI workforce OS where each node runs a permission-scoped agent that mirrors the authority of a real team role — PM, Tech Lead, SDE, or QA — serving its user as a LangGraph copilot.

Next.jsTypeScriptLangGraphCrewAIMCPNATSPostgreSQLClaude Agent SDK
  • Each agent node runs permission-scoped to its role (PM/TL/SDE/QA), acting as a LangGraph copilot for code review, debugging, and planning via MCP tools connected to GitHub, Jira, and the filesystem.
  • Agents gossip work with teammate agents over NATS team-boundary channels while a CrewAI lead agent orchestrates task assignment and auto-generates standups with velocity and blocker insights.
  • All inter-agent authority is enforced by an RBAC control plane — agents can only act within the permissions of the human role they represent.

CastAI — Live AI Sports Commentator

Point your camera at anything — a ping pong match, a chess game, a paper airplane contest — and get live sports commentary in real time, complete with dramatic narration, fake crowd reactions, and completely made-up stats.

ReactViteTypeScriptExpressWebSocketGemini 2.0 Flash LiveWeb Audio APITailwind CSS
  • Multimodal AI streams play-by-play commentary and spoken audio (PCM) in real time directly from your webcam feed.
  • Server-side Gemini WebSocket proxy keeps the API key secure while forwarding camera frames and streaming text + audio back to the client.
  • Sport Modes (ping pong, chess, paper airplanes, dance battles, and more) with an adjustable energy slider from chill to MAX HYPE.

FlowOS — AI Focus Coach

A real-time focus monitoring app that watches you work through your webcam and sends gentle AI-powered nudges the moment your attention drifts, fidgeting spikes, or you disappear from frame.

ReactViteTypeScriptExpressWebSocketGemini APIWeb Audio API
  • Set one goal, pick a session length, and get a live stillness score and attention score updated every few seconds via a camera-to-AI pipeline.
  • AI delivers spoken nudges (text-to-speech via PCM) when focus slips — subtle enough not to break flow, specific enough to actually help.
  • End-of-session recap surfaces distraction patterns and personalized fixes for the next round.

Tech Solutio — AI Algorithm Solver

A three-panel IDE-style web app where you describe or paste any algorithm problem and get an AI-generated solution with step-by-step explanation, language selection, and persistent history.

Next.jsTypeScriptOpenAI APINextAuthTailwind CSS
  • Three-panel layout (problem sidebar, input panel, solution output) mirrors a real IDE, keeping context and solution visible simultaneously.
  • Supports multiple languages; solutions stream in with syntax-highlighted code and a toggleable explanation panel.
  • Full solve history persisted per user with one-click reload to revisit or iterate on past problems.

Field Ops — Infrastructure Reporting Platform

A full-stack field operations platform where workers submit geo-tagged infrastructure, safety, and environmental reports from the field — with a live Mapbox dashboard, status tracking, and background job processing.

Next.jstRPCDrizzle ORMNeon PostgreSQLPostGISMapbox GLBetter AuthInngest
  • Plugin-based report types (infrastructure, safety, environmental) each with dynamic form fields, GPS auto-detect, and severity classification.
  • Live Mapbox dashboard plots all reports as color-coded pins by status (pending, validated, flagged, escalated) with real-time feed updates.
  • Background job orchestration via Inngest handles report processing and status transitions without blocking the request path.

TriGen Studio — Text-to-3D Scene Generator

Describe a 3D scene in plain text and watch TriGen Studio acquire real assets from PolyHaven, auto-layout them in a Three.js viewport, and let you export the result as a GLB or OBJ file.

ReactViteTypeScriptThree.jsExpressWebSocketOpenAI APIPolyHaven API
  • AI parses your prompt into a structured scene manifest, then acquires matching 3D assets (textures, meshes) from PolyHaven in parallel with a concurrency-limited pipeline.
  • Review mode lets you inspect and edit the manifest before committing to the full asset acquisition and scene assembly.
  • Export as GLB or OBJ directly from the studio with a keyboard shortcut (⌘E), ready for Blender, game engines, or AR tools.

AI Personal Assistant — Multi-Role Chat Platform

A Next.js platform where you build a personal roster of specialized AI assistants — fitness coach, grammar fixer, email writer, YouTube script writer, and more — each with a tailored persona, instructions, and suggested prompts.

Next.jsTypeScriptConvexOpenAI APIGoogle OAuthTailwind CSSMotion
  • Browse and select from a library of role-scoped assistants; each carries custom system instructions and sample questions tuned to its specialty.
  • Three-panel workspace (assistant list, chat UI, settings) with real-time Convex-backed message persistence across sessions.
  • Google OAuth authentication and per-user assistant rosters stored in Convex, so your lineup persists across devices.

Smart Vote (Blockchain) — Demo: Simulated Wallet + Voting

A simulated voting app with dummy wallet connect and tamper-proof-style UI (no chain required).

Solidity (concept)SecurityEncryption (concept)UI simulation
  • Dummy wallet connect flow.
  • Vote casting + results tally simulated locally.
  • Later: integrate testnet + contract calls.