| name | app-dev |
| description | Use when running the full app lifecycle on the Expo + Supabase + Stripe stack — scoping a client app, planning a SaaS or multi-tenant platform, or moving from discovery through EAS build. |
Maycrest App Development
Overview
Full application development lifecycle for Maycrest Group. Covers two tracks:
- Client Apps — Booking apps, business tools, and custom mobile apps for SMB clients
- Internal Platform — TIE (Threat Intelligence Engine) SaaS platform
Tech Stack
| Layer | Technology |
|---|
| Frontend | Expo (React Native) + NativeWind |
| Backend | Supabase (Postgres, Auth, Edge Functions, Realtime) |
| Payments | Stripe / Stripe Connect |
| Build/Deploy | EAS Build, EAS Submit, OTA Updates |
| Auth | Supabase Auth + Sign in with Apple + Google |
| Push | Expo Push Notifications + APNs |
| State | Zustand or React Context |
| Navigation | Expo Router (file-based) |
Development Phases
Phase 1: Discovery Sprint (1-2 weeks)
- Requirements gathering
- User stories and flows
- Database schema design
- Architecture decisions
- SOW creation and pricing
Phase 2: Foundation (1-2 weeks)
- Expo project scaffold with NativeWind
- Supabase project setup (auth, database, storage)
- Navigation structure
- Design system tokens (colors, typography, spacing)
- Core component library
Phase 3: Feature Build (2-4 weeks)
- Screen-by-screen implementation
- API integration (Edge Functions)
- Payment flow (Stripe)
- Push notifications
- Real-time features (Supabase Realtime)
Phase 4: Polish & QA (1 week)
- UI/UX polish pass
- Performance optimization
- Error handling and edge cases
- Accessibility review
- Device testing matrix
Phase 5: Launch (1 week)
- EAS Build (iOS + Android)
- App Store / Play Store submission
- Client handoff documentation
- Maintenance agreement setup
Design System
Principles
- Mobile-first, thumb-friendly
- Dark mode as default, light mode available
- Consistent spacing scale (4, 8, 12, 16, 24, 32, 48)
- Maximum 2 font families
- Accessible contrast ratios (WCAG AA minimum)
Component Library
- Buttons (primary, secondary, ghost, destructive)
- Cards (content, stat, action)
- Inputs (text, select, date, toggle)
- Navigation (tab bar, header, drawer)
- Modals (bottom sheet, center, full screen)
- Lists (flat, sectioned, swipeable)
- Loading states (skeleton, spinner, progress)
Architecture Patterns
Multi-Tenant (TIE Platform)
- Organization-scoped data with RLS
- Role-based access (admin, analyst, viewer)
- Tenant isolation at database level
- Shared infrastructure, isolated data
Client Apps
- Single-tenant per deployment
- White-label ready (theme tokens, branding config)
- Offline-first where applicable
- Deep linking support
Pricing Model
Client App Builds
- Discovery Sprint: $2,500 - $5,000
- MVP Build: $8,000 - $15,000
- Full Build: $15,000 - $35,000
- Monthly Maintenance: $500 - $2,000/month
SOW Template Structure
- Project Overview
- Scope of Work (in/out of scope)
- Deliverables
- Timeline & Milestones
- Investment & Payment Schedule
- Maintenance & Support Terms
- Assumptions & Dependencies
Rules
- Always start with a discovery sprint before quoting
- Use Expo Router file-based routing (never React Navigation directly)
- NativeWind for all styling (never inline StyleSheet unless necessary)
- Supabase RLS on every table, no exceptions
- TypeScript strict mode
- Environment variables via EAS secrets
- Never store secrets in code or git
- Test on both iOS and Android before any client demo
