How jbjpsakura/saveupapp works
Saveup is an Expo/React Native starter app with file-based routing, a home tab, an Explore tab, and a modal. The visible workflow is user navigation through the app shell to screens, which render shared themed and interactive UI. The Explore screen demonstrates collapsible sections, parallax scrolling, and external links. The home screen is a substantial source file but was not excerpted, so its domain behavior and dependencies cannot be established here.
Main entry points: explore.tsx Explore screen · collapsible.tsx Collapsible sections · use-theme-color.ts Theme color hook · themed-view.tsx Themed view
Components 19
App navigation
- Root layout
app/_layout.tsx - Tab navigation
app/(tabs)/_layout.tsx
Screens
- Home screen
app/(tabs)/index.tsx - Explore screen
app/(tabs)/explore.tsx - Modal screen
app/modal.tsx
Shared UI and theme
- Parallax scroll
components/parallax-scroll-view.tsx - Collapsible sections
components/ui/collapsible.tsx - External link
components/external-link.tsx - Themed text
components/themed-text.tsx - Themed view
components/themed-view.tsx - Theme color hook
hooks/use-theme-color.ts - Color scheme hook
hooks/use-color-scheme.ts - Theme palette
constants/theme.ts - Platform icons
components/ui/icon-symbol.tsx - iOS icons
components/ui/icon-symbol.ios.tsx - Haptic tab
components/haptic-tab.tsx - Hello animation
components/hello-wave.tsx
Other components
- App user
- In-app browser
Connections 27
- App user → Root layout: opens app
README.md - Root layout → Color scheme hook: reads scheme
app/_layout.tsx - Root layout → Tab navigation: routes to
app/_layout.tsx - Tab navigation → Home screen: hosts screen
README.md - Tab navigation → Explore screen: hosts screen
README.md - App user → Modal screen: opens modal
- Explore screen → Parallax scroll: renders
app/(tabs)/explore.tsx - Explore screen → Collapsible sections: renders
app/(tabs)/explore.tsx - Explore screen → External link: renders
app/(tabs)/explore.tsx - Explore screen → Themed text: renders
app/(tabs)/explore.tsx - Explore screen → Themed view: renders
app/(tabs)/explore.tsx - Explore screen → Platform icons: renders
app/(tabs)/explore.tsx - Parallax scroll → Themed view: renders
components/parallax-scroll-view.tsx - Parallax scroll → Theme color hook: reads color
components/parallax-scroll-view.tsx - Parallax scroll → Color scheme hook: reads scheme
components/parallax-scroll-view.tsx - Collapsible sections → Themed view: renders
components/ui/collapsible.tsx - Collapsible sections → Themed text: renders
components/ui/collapsible.tsx - Collapsible sections → Platform icons: renders
components/ui/collapsible.tsx - Collapsible sections → Theme palette: reads palette
components/ui/collapsible.tsx - Collapsible sections → Color scheme hook: reads scheme
components/ui/collapsible.tsx - Themed text → Theme color hook: gets text color
components/themed-text.tsx - Themed view → Theme color hook: gets background
components/themed-view.tsx - Theme color hook → Color scheme hook: reads scheme
hooks/use-theme-color.ts - Theme color hook → Theme palette: reads palette
hooks/use-theme-color.ts - External link → In-app browser: opens link
components/external-link.tsx - Modal screen → Themed text: renders
app/modal.tsx - Modal screen → Themed view: renders
app/modal.tsx