Back to Projects
Taply
CompletedReact NativeExpo SDK 51TypeScript+5 more

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
Completed

Technology Stack

React Native
Expo SDK 51
TypeScript
Supabase
PostgreSQL
Zustand
NativeWind
Expo Router

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