Kindship‑Chat: Multi-Agent AI Chat App
Imanishimwe Emmanuel
Main chat
Kindship‑Chat
A light‑weight, multi‑agent AI chat app
Tech Stack
Next.js 14 (App Router + Server Components)
TypeScript & React 18
Tailwind CSS v4
Supabase (PostgreSQL, Auth, Storage)
OpenAI Chat & Vision APIs
Main Features
Agents: Create, rename, or delete unlimited AI agents, each with its own system prompt and avatar.
Chat:
Realtime streaming replies
Upload and preview images inside the thread (OpenAI Vision)
Markdown + code highlighting + copy button
History stored in Postgres for instant reloads
Fully responsive layout (mobile → desktop)
Auth Email + Google OAuth via Supabase; JWT‑based session on the client.
Profile Users can change display name, bio, and photo; profile data lives in Supabase Storage.
Site Blog Static blog powered by MDX; Server Components pre‑render posts for speed and SEO.
Architecture at a Glance
Edge‑safe API routes wrap OpenAI calls—no keys in the browser.
Server Components fetch agents/chats once and stream them down; only small islands hydrate.
Zustand keeps UI state (modals, toasts, typing flag) tiny and predictable.
Supabase buckets store user‑uploaded images; signed URLs are inserted back into messages.
Kindship‑Chat focuses on the essentials—multi‑agent workspaces, rich yet fast chat, and simple user management—delivered with a modern, easily deployable stack.
Like this project
Posted Apr 24, 2025
ChatGPT-style app with multiple specialized AI agents for personalized and task-specific conversations in a clean interface.
Likes
1
Views
3
Timeline
Jun 21, 2024 - Aug 24, 2024
Dyna
KG Kicks – Rwandan Shoe Marketplace Template
CarePulse
Talkhealth.AI
