feat: project setup, nativewind, routing, tab navigation

[saikumarbt]

No description provided.

[coderabbitai]

Caution

Review failed

Pull request was closed or merged during review

Summary by CodeRabbit

Release Notes

• New Features

  • Introduced tab-based navigation with four screens: Home, Subscriptions, Insights, and Settings.
  • Added custom tab bar with icon support for improved navigation.

• UI Improvements

  • Enhanced screen layouts with improved safe area handling and consistent styling across all tab screens.

• Refactor

  • Cleaned up unused code imports and added comprehensive theme system for colors and spacing.
  • Updated TypeScript configuration for better JSX support.

Walkthrough

Adds a custom tabs navigation layout with a styled, safe-area-aware tab bar driven by new theme, icons, and tabs data constants. Migrates all tab screens from plain View to NativeWind-styled SafeAreaView. Updates TypeScript JSX transform to react-jsx, adds image module declarations, declares TabIconProps, adds clsx, and removes unused React imports across auth and app layouts.

Changes

Tabs Navigation Build-Out

Layer / File(s)	Summary
Project config and type contracts tsconfig.json, image.d.ts, type.d.ts, package.json	Sets jsx to react-jsx, declares ambient image module types, introduces the global TabIconProps interface (focused, icon), and adds the clsx dependency.
Theme, icon map, and tab data constants constants/theme.ts, constants/icons.ts, constants/data.ts	Creates typed colors, spacing, and components/tabBar tokens; maps icon names to PNG assets with an IconKey type; and exports four AppTab[] entries wiring icon keys to tab names and titles.
Custom tabs layout with TabIcon app/(tabs)/_layout.tsx	Adds TabLayout with a local TabIcon that applies active-state classes via clsx; computes absolute tab bar position from useSafeAreaInsets and theme tokens; and dynamically generates <Tabs.Screen> entries from the tabs constant.
Tab screens migrated to styled SafeAreaView app/(tabs)/index.tsx, app/(tabs)/insights.tsx, app/(tabs)/settings.tsx, app/(tabs)/subscriptions.tsx	Replaces the plain View root container in each tab screen with a NativeWind-styled SafeAreaView applying flex-1 bg-background p-5.
React import cleanup and icon asset app/_layout.tsx, app/(auth)/_layout.tsx, app/(auth)/sign-in.tsx, app/(auth)/sign-up.tsx, app/onboarding.tsx, assets/expo.icon/icon.json	Removes unused React default imports from all layout and auth screen files; adds the Expo icon configuration JSON with gradient, shadow, and platform settings.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Poem

🐇 Hop, hop, the tabs are here,
With icons mapped and themes so clear!
SafeAreaView wraps every screen,
The cleanest layout you've ever seen.
No React import left unused —
A tidy warren, well-deduced! 🌟

🚥 Pre-merge checks | ✅ 3 | ❌ 2

❌ Failed checks (2 warnings)

Check name	Status	Explanation	Resolution
Description check	⚠️ Warning	No description was provided by the author; the pull request lacks any explanatory content about the changes.	Add a pull request description explaining the purpose, scope, and key changes of this project setup, such as the routing structure, NativeWind theming approach, and tab navigation implementation.
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (3 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title comprehensively covers the main changes: project setup, NativeWind integration, routing configuration, and tab navigation implementation.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch dev

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}