Startup BuildFeatured
Recallink · Web (PWA)
인터넷이 끊겨도 같은 화면이 그대로 도는 Recallink의 웹 앱. 로그인하면 자동으로 클라우드와 합쳐짐.
PersonalDuration 4주Contribution 100%2026-03 → 2026-04
★Key Metric: 완전 오프라인 동작 · 로그인 시 자동 합치기 · 100+ 테스트로 회귀 방어
Engineering Role
FullstackFrontend
Startup Build
Recallink · Web (PWA)
AI
#Web#Frontend#Backend#Product
Overview
Recallink의 Next.js 16 기반 웹 클라이언트. Dexie.js로 IndexedDB 위에 완전 오프라인 로컬 DB를 구축하고, 로그인 시 Supabase와 Per-row LWW 방식으로 동기화. 490+ 테스트 · Stripe billing · PWA 설치 지원.
My Work
- ▸Dexie.js 스키마 · 마이그레이션 · 인덱싱 설계
- ▸Supabase SSR + 클라우드 동기화 엔진 (Per-row LWW)
- ▸fake-indexeddb 기반 오프라인 테스트 스위트 100+건
- ▸Base UI + Tailwind CSS 4 디자인 시스템 적용
Features
- 완전 오프라인 CRUD (Contact/Log/Event/Attachment)
- 로그인 시 Supabase와 자동 Per-row LWW 머지
- Stripe 구독 · billing portal
- PWA 설치 · 홈 화면 추가
- 11 라우트 전 영역 타입 안전 + E2E 시나리오
Highlights
- Dexie.js 로컬 IndexedDB + Supabase 선택 동기화
- 풀 테스트 스위트 (Vitest + RTL · 100+)
- PWA 오프라인 완전 지원
- Base UI · shadcn · Tailwind CSS 4
- Stripe 구독 billing 통합
Timeline
2026-03 → 2026-04
Role: 풀스택 단독 개발
Contribution: 100%
Collaboration: Personal
Tech Stack
</>Next.js 16 · Dexie.js · Supabase · Stripe
Next.js 16React 19TypeScriptDexie.jsSupabaseBase UIshadcn/uiTailwind CSS 4ZustandVitestStripe