SocialMobilePWA

HeartBits.

HeartBits is a social connection platform that uses QR codes for instant identity sharing in the real world. The web app is built with Next.js and Firebase, while a native Expo wrapper delivers push notifications and a polished mobile experience with liquid glass UI components.

All Products

Tech Stack

Next.jsTypeScriptFirebaseExpoReact NativeJotaiQR ScannerFCM

Hosted At

heartbits.ferrousapps.com

Problem

Sharing contact information or social profiles in person is still awkward — business cards are outdated, and typing out handles is error-prone.

Solution

HeartBits generates a QR code for your profile that anyone can scan instantly. The native app wrapper adds push notifications and a premium liquid glass UI for an authentic mobile feel.

Key Features

QR code generation and scanning for instant profile sharing

PWA with next-pwa for offline capability

Native Expo wrapper for iOS and Android

FCM push notifications via @react-native-firebase

Liquid glass bottom navigation (iOS 26+ style)

Firebase Authentication with phone number support

Real-time updates via Firestore

Swipeable gesture interactions

Case Study

Challenge

Real-world connection sharing (contacts, social profiles) has no elegant digital-native solution that works instantly without an app install.

Approach

Built a PWA with QR identity sharing as the core mechanic, wrapped in a native Expo app to add notifications and a premium tactile UI.

Outcome

A full-stack social product spanning web and native mobile, using QR codes to bridge physical and digital connections.