FRM - Friend Relationship Manager

A nostalgic personal CRM with that classic 2008 Facebook vibe. Track your friendships, log interactions, and never forget to reach out to the people who matter.

Features

• Friend Management - Add friends with notes, tags, and how you met
• Interaction Logging - Track calls, texts, coffee dates, and hangouts
• Smart Reminders - Set reminders to reach out, get nudged about neglected friendships
• Tags & Organization - Color-coded tags to organize your network
• Dashboard Stats - See your friendship health at a glance

Tech Stack

• Next.js 14 with App Router
• TypeScript
• Tailwind CSS (Facebook 2008 aesthetic)
• Supabase (Auth + PostgreSQL)

Getting Started

1. Clone and install

git clone <your-repo>
cd frm
npm install

2. Set up Supabase

1. Create a new project at supabase.com
2. Go to SQL Editor and run the schema from supabase/schema.sql
3. Go to Authentication > URL Configuration and add your site URL
4. Go to Project Settings > API to get your keys

3. Configure environment

Copy .env.local.example to .env.local:

cp .env.local.example .env.local

Then add your Supabase credentials:

NEXT_PUBLIC_SUPABASE_URL=your-project-url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your-anon-key

4. Run locally

npm run dev

Open http://localhost:3000

Deploy to Vercel

1. Push to GitHub
2. Import to Vercel
3. Add environment variables in Vercel dashboard
4. Deploy!

Project Structure

frm/
├── app/
│   ├── (auth)/           # Login/signup pages
│   ├── (dashboard)/      # Protected app pages
│   │   ├── dashboard/    # Home/stats
│   │   ├── friends/      # Friends list, detail, new
│   │   └── reminders/    # Reminders management
│   └── page.tsx          # Public landing page
├── components/
│   ├── ui/               # Base UI components
│   ├── Header.tsx        # Navigation header
│   └── FriendCard.tsx    # Friend display card
├── lib/supabase/         # Supabase client setup
├── types/                # TypeScript definitions
└── supabase/schema.sql   # Database schema

Database Schema

• friends - Name, notes, birthday, how you met
• tags - Color-coded labels for organizing
• friend_tags - Many-to-many relationship
• interactions - Call, text, coffee, hangout logs
• reminders - Due dates for reaching out

---

Built with care for your friendships.