Projects using React Native in KarachiProjects using React Native in KarachiGreenLawn: Next-Gen Service Marketplace Built with React Native & AI 🌿
Overview:
I built GreenLawn to solve a real-world problem: making lawn care services seamless, secure, and smart. Instead of spending weeks on standard boilerplate, I utilized an AI-assisted "Vibe Coding" workflow. This allowed me to focus purely on business logic, a premium user experience, and rapid deployment without compromising on quality.
The Deliverables & Features:
Smart Scheduling & GPS: Real-time service mapping for users and providers.
Secure Transactions: Fully integrated with Stripe Connect for automated, secure split payments.
AI Customer Support: Embedded "Leafy," a custom AI chatbot, to handle instant user queries.
Tech Stack (Skills used):
React Native (Mobile Development)
Stripe Connect (Payment Gateway)
AI Integrations (Chatbot / LLMs)
UI/UX Implementation
The Process (Why it matters for my clients):
By leveraging AI as a co-pilot, I cut down development time significantly. This workflow proves that building a production-ready, feature-heavy marketplace doesn't have to take months. It’s about building smarter, shipping faster, and keeping the code clean. Status: 🚧 Active Development (Work in Progress)
Platform: iOS & Android (Cross-Platform Mobile Application)
Executive Summary
FitMind AI (FM AI) is an elite, dual-sided mobile ecosystem engineered to bridge the gap between AI-driven athlete biometrics and high-performance human coaching.
Most modern fitness apps rely on static, cookie-cutter PDF routines or generic algorithmic chatbots that ignore real-time human physiology. FM AI changes this paradigm by synthesizing live telemetry from wearable sensors (Whoop 4.0, Apple Watch, Garmin) into adaptive daily training, nutrition formulas, and real-time video form analysis, backed by a comprehensive Coach Command Center with intake CRM, split builders, and royalty monetization.
> The Problem & Vision
i) The Problem
Disconnected Biometrics: Wearables gather massive amounts of sleep and HRV data, yet athletes still blindly follow fixed workout splits regardless of central nervous system (CNS) fatigue or recovery deficits.
ii) Siloed Coaching Workflows: Remote coaches juggle WhatsApp for messaging, Google Sheets for workouts, Loom for video reviews, and Stripe/PayPal for billing.
iii) Lack of Visual & Interactive Fidelity: Fitness apps often feel like utilitarian databases rather than dynamic, motivating athletic dashboards.
The Solution: FitMind AI
FM AI delivers a cohesive, glassmorphic dark-mode mobile experience featuring:
i) An Athlete Mode that automatically adapts workout load, sets, and RPE based on overnight recovery and daily readiness.
ii) A Coach Mode offering an agency-grade mobile CRM to prescribe routines, review video form checks with visual cues, manage inbound orders, and host 1-on-1 consultations.
> Key Architectural Highlights & Features
1. Dual-Sided Executive Bento Grid Interface
i) Athlete Dashboard: Features an interactive glassmorphic Bento HUD displaying real-time Whoop recovery scores, day streak gamification, FM Coin treasury rewards, and contextual daily workouts.
ii) Coach Command Center: Instantly toggle between Client and Coach modes with a single tap. Coaches get real-time client roster vitals, pending intake orders, video submission queues, and quick-launch links to the Web Command Studio.
iii) Custom Glassmorphism Design System: Built from the ground up using expo-blur and multi-stop linear gradients, featuring floating pill navbars with bottom blur curtains and ambient LED edge glows.
2. Live Biometric Synchronization & Intelligent Readiness
i) Tracks Heart Rate Variability (HRV), resting heart rate, sleep cycles, and daily strain to calculate an AI Recovery Score (0–100%).
ii) Dynamically calibrates prescribed workout weights, volume, and rest timers in real-time (e.g., dialing down squat volume when recovery is sub-50% or recommending heavy progressive overload on high-recovery days).
3. Coach Studio & Athlete Management CRM
i) Multi-Day Split Builder: Interactive workout generator with RPE targets, tempo notation (eccentric/pause/concentric), and exercise tutorial integrations.
ii) Custom Meal & Macro Formula Prescriber: Coaches can prescribe targeted daily caloric targets and macronutrient distributions (protein/carb/fat) with instant push notifications to the athlete.
iii) Video Form Checks: Video submission pipeline allowing coaches to review athlete lift execution and return feedback cues.
iv) Team Coaching & Royalties: Multi-tier agency support allowing head coaches to oversee sub-coaches and track monthly sales volume and royalty splits.
4. FM AI Adaptive Music Engine
i) Biometrically reactive soundscape player with a floating, animated mini-player.
ii) Automatically surfaces high-tempo, energetic playlists based on the current workout block (warmup, working sets, PR attempts, cooldown).
Technical Stack & Implementation
Framework: React Native, Expo SDK (Managed Workflow with Custom Plugins)
Navigation: Expo Router v3 (File-based typed routing, nested layouts, modal stacks)
Language: TypeScript (Strict mode, end-to-end type safety for orders, biometrics & threads)
UI & Animations: React Native Reanimated 3 (60fps spring physics, enter/exit transitions, pulse glows)
Aesthetics & Glass: Expo Blur (BlurView), Expo Linear Gradient, Custom HSL Dark Palettes
Hardware Integrations: Device sensor access, camera intake for AI food and form scanning
Media & Audio: Expo AV / Sound Engine, Expo Image for cached high-performance media delivery
📈 Ongoing Work & Upcoming Milestones (WIP)
Core athlete tracking engine and gamified coin reward economy.
Dual-dashboard switching (Athlete Mode ↔ Coach Command Center).
Glassmorphic Bento Grid navigation & responsive floating dock.
Coach routine builder and macro prescription protocol.
In Progress: On-device computer vision for real-time rep velocity tracking (VBT).
In Progress: Stripe Connect integration for automated subscription billing and instant coach payouts.
Upcoming: Apple HealthKit & Whoop API direct background background sync.
💡 Why This Project Demonstrates Product & Engineering Mastery
This project showcases the ability to architect complex state hierarchies, manage dual-persona authorization flows, design production-grade UI/UX that rivals top-tier Silicon Valley consumer apps, and build cross-platform mobile software optimized for performance and aesthetic appeal. Storm Prep Hub is a web and mobile preparedness platform designed to help homeowners prepare before hurricanes, severe weather, power outages, and other emergencies.
The platform brings essential tools and resources into one place, including live storm tracking, preparedness guidance, contractor resources, insurance awareness, emergency supplies, and AI-powered assistance.
I worked on building the product across web and mobile, integrating real-time data and key platform features, and preparing the mobile experience for release on Google Play.
Prepare today. Protect tomorrow. 
