Quality over quantity. It's easy to collect hundreds of shallow contacts, but truly strong relationships are rare. Connections helps you keep sight of the people who matter: track connection strength, decide where to invest your attention, and know when it's time to let go.
🌐 Live demo: nikkeyl.github.io/connections
🤖 This project was built entirely by an AI (Claude). Idea, design, and code are the result of "vibe coding" — a human described what was needed, and the AI wrote the implementation.
- 👤 Contacts — name, emoji avatar, notes, last contact date
- 💪 Connection strength — rated from 1 to 10
- 🎯 Priority — Strengthen / Maintain / Stabilize / Let go
- 🏷️ Groups — Family, Friends, Acquaintances, Work, Other
- 🔔 Reminders — a banner and a favicon badge when it's time to reach out (thresholds depend on priority)
- ☰ List view and ◈ graph view — a visual map of your connections around "Me"
- 🔍 Search and filters by priority/group
- ⬇️ Export to Markdown and JSON backup
- ⬆️ Import from JSON, vCard (.vcf), and CSV (Google/Apple contacts)
- 💾 All data stays in your browser (localStorage) — no backend, no tracking
A single HTML file: Tailwind CSS (via CDN) + vanilla JavaScript. Nothing to build or install.