feat: initial app scaffold with Expo Router navigation, onboarding, and NativeWind

Shiva Guptarequested to merge
feat/app-scaffold-and-styling into main

Summary

Initial implementation of the revamped CDLI mobile app: project scaffold, navigation, onboarding flow, and the NativeWind styling foundation.

What's included

  • Navigation: Expo Router with root Stack → (drawer) → (tabs) (Home / Search / Saved / Settings); headers hidden; @/* alias configured.
  • Onboarding: 3-slide paged flow (full-image + stacked variants), page dots, Next / Get Started + Skip controls; shown only on first launch, completion persisted in MMKV.
  • Styling (NativeWind v4 + Tailwind v3): full config plus a token-based design system (background, brand, ink, muted, surface) as the single source of truth; onboarding.tsx migrated to className + tokens with no hardcoded hex.

Conventions

  • className for core RN components (View, Text, ScrollView, Pressable)
  • style for expo-image and dynamic/runtime values
  • Navigator props (e.g. tabBarActiveTintColor) use plain color values
  • Spacing on the 4px scale; off-scale values via bracket syntax

Preview App

  1. Go to this link and just download it. It is in preview mode. Currently this is only for android.

Screenshots

  • Android

WhatsApp_Image_2026-06-20_at_23.20.19__1_ WhatsApp_Image_2026-06-17_at_20.56.54__2_ WhatsApp_Image_2026-06-17_at_20.56.54__1_ WhatsApp_Image_2026-06-20_at_23.20.19 WhatsApp_Image_2026-06-17_at_20.56.55 WhatsApp_Image_2026-06-20_at_18.48.51

  • ios

Screenshot_2026-06-20_at_11.21.27_PM Screenshot_2026-06-20_at_11.21.42_PM Screenshot_2026-06-20_at_11.21.51_PM Screenshot_2026-06-20_at_11.22.03_PM

Edited by Shiva Gupta

Merge request reports