Skip to main content
Typhoon.
Back to all projects
Mobile AppAdvancedLive demo available

PulseFit — Fitness & Habit Tracker

iPhone fitness app with animated activity rings, swipeable habits, biometric login, and real persistent state.

Timeline
4 – 7 weeks
Starting at
From AED 22,000
Pages
4
Tech stack
5 tools

Project overview

A premium daily-habit and fitness tracker designed around the Apple Health visual language: animated SVG activity rings, four swipeable habit cards with haptic-pulse feedback, weekly bar chart, biometric unlock screen, and a polished profile tab. The demo runs in a real iPhone 15 Pro device frame inside the browser; ship it cross-platform with React Native + Expo, or natively with Swift+SwiftUI for HealthKit integration.

The brief

Target client

Wellness brands, gyms, personal trainers, and any consumer team launching a habit-driven mobile product.

Business problem

Generic templated habit apps (Streaks, Productive) all look the same and brand the user as a vendor instead of an owner.

Business value

A branded daily-touch app that lives on the user's home screen, drives high retention, and earns App Store features.

Features included

  • Animated activity rings (Move / Exercise / Stand)
  • Swipeable habit cards with checkoff + haptic pulse
  • Weekly steps + kcal bar chart
  • Biometric unlock mock screen
  • Streak counter that persists across reloads
  • Apple Health-style dark mode default
  • Real iPhone 15 Pro device frame in-browser

Pages included

Lock screenTodayWeekProfile

Outcomes

Time-to-interactive
< 1.2s
Bundle size
~ 9 MB
D7 retention target
38%

Related work

Other projects in the same orbit.

Similar industries, similar scope, or similar interactive patterns.

Mobile App

NorthBank — Mobile Banking

Advanced

Pixel 8 mobile banking app with Material You aesthetic, send-money flow, biometric confirmation, and category spend insights.

  • Balance card with tap-to-reveal + biometric mock
  • Transaction list with category icons + search
  • Four-step send-money flow with success animation
KotlinJetpack ComposeMaterial 3Coroutines
E-commerce

Modern E-commerce Store

Advanced

Premium online store with cart, wishlist, filters, search, and a clean mobile checkout flow.

  • Filterable product grid (category, price, rating)
  • Debounced product search
  • Quick-view product modal
Next.jsTypeScriptTailwind CSSFramer Motion
Corporate

Corporate / Engineering Company Site

Intermediate

Trust-building corporate website for a service company that wins bigger contracts.

  • Animated stat counters on viewport-enter
  • Services grid with hover effects
  • Vertical project timeline with sticky scroll
Next.jsTypeScriptTailwind CSSFramer Motion

Available for projects · 2026

Ready to build the website your business deserves?

Free 30-minute scoping call. Fixed quote. Reply within 24 hours. No retainer required to get started.

  • You own the code
  • You own the design files
  • Post-launch support included