Back to Products
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.

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.