neighbors

Map the people in your world.

Features

• Relationship graphs — place people on a canvas and draw connections between them. Label each connection, group people into circles, and customize how the graph looks.
• Sharing — publish any graph to a public link and share it with anyone. Viewers can explore the graph without an account.
• Profiles — organize all your published graphs into a personal profile page that you can share with others.

Stack

• Next.js — app framework
• React Flow — graph canvas
• Supabase — auth and database
• Zustand — client state
• Tailwind CSS — styling

Getting started

npm install
npm run dev

Create a .env.local file with your Supabase project credentials:

NEXT_PUBLIC_SUPABASE_URL=...
NEXT_PUBLIC_SUPABASE_ANON_KEY=...
SUPABASE_SERVICE_ROLE_KEY=...
NEXT_PUBLIC_APP_URL=http://localhost:3000