OnboardRail

Overview

OnboardRail is a 40-screen React Native application built end-to-end — from Figma wireframes through Firebase-backed implementation to deployment. It was owned solo across the entire pipeline: design, architecture, frontend, and backend integration.

Why This Was Hard

A 40-screen app is a design and state-management problem as much as an engineering one — keeping navigation, data flow, and offline behavior consistent across that many screens without the codebase turning into a maze of one-off patterns required disciplined component reuse from day one.

What I Built

• Complete 40-screen user journey from onboarding through every core feature
• Firebase Authentication — secure email/password login flows
• Firestore integration — real-time data with offline persistence built in
• Offline and online sync — reliable data access with conflict handling when the app comes back online
• Figma wireframes designed before a single screen was built, validating flows with the client early
• Consistent state management patterns reused across all 40 screens to keep the codebase maintainable at scale

Tech Stack

• Framework: React Native
• Backend: Firebase (Auth, Firestore)
• Design: Figma wireframes
• Platforms: iOS, Android

Collaboration

Working solo across the full pipeline — Figma wireframes, architecture, frontend, and Firebase integration — meant the client feedback loop had to happen at the wireframe stage, not after code was written. Screens were walked through and approved in batches before implementation began, so by the time development reached a given flow, the direction was already validated and rework stayed minimal across all 40 screens.

Outcome / Impact

Delivered the project end to end — design, architecture, implementation, and deployment — owning the full pipeline from first wireframe to shipped app, as reflected in direct client feedback on the finished product.