
Taply
Live digital business card app — update your profile once, every QR code you have ever shared updates instantly. No app install required for recipients.
Timeline
8 Weeks
Role
Full Stack Mobile Developer
Status
CompletedTechnology Stack
Key Challenges
- Real-time QR sync
- Supabase RLS public/private access
- Avatar upload & compression
- Analytics with edge functions
Key Learnings
- Supabase Realtime
- Expo Router deep linking
- Zustand auth state
- NativeWind hybrid styling
Overview
Taply is a live, production-grade digital business card app built for developers, students, and professionals. Update your profile once, and every QR code you've ever shared updates instantly — no app install required from the recipient.
Problem Statement
Traditional contact cards go stale the moment they're printed. Taply replaces the paper card ritual with a dynamic profile tied to an auto-updating QR code. Anyone with a standard camera can scan it; no app install required.
Architecture
Taply uses a React Native + Expo frontend with Supabase as a complete backend-as-a-service — handling authentication, PostgreSQL storage, file uploads, and Row Level Security so users can only modify their own profile while keeping public read access for QR scans.
Key Features
Authentication
- Secure Sign Up, Log In, and Forgot Password flows via Supabase Auth
- First-time 3-screen onboarding flow for new installs
Live QR Card
- Instant SVG-based QR code rendering with offline support
- Every scan of the QR opens the latest live profile — no stale data ever
Profile Builder
- Customizable Display Name, Pronouns, Bio, and an interactive drag-and-drop Links Manager
- Avatar upload with in-device compression and Supabase Storage
Analytics Dashboard
- Real-time insights into Total Scans, Device Breakdown (Mobile vs Desktop), and Recent Scan History
- City-level tracking via Supabase Edge Functions
Card Sharing
- Copy to clipboard, save QR as a device image, or launch native iOS/Android share sheets
- 4 customizable themes: Minimal, Lavender, Sage, Ocean
Tech Stack
React Native · Expo SDK 51 · TypeScript · Expo Router
Supabase (Auth + PostgreSQL + Storage + Realtime)
Zustand · NativeWind · EAS Build