root/
├── assets/ # All static files (images, fonts, icons, etc.)
│ ├── images/
│ ├── fonts/
│ └── icons/
│
├── src/
│ ├── components/ # Reusable components across screens
│ │ ├── Button/
│ │ │ ├── Button.js
│ │ │ └── Button.styles.js
│ │ └── TextInput/
│ │ ├── TextInput.js
│ │ └── TextInput.styles.js
│ │
│ ├── navigation/ # Navigation configurations and stacks
│ │ ├── AppNavigator.js
│ │ └── routes.js
│ │
│ ├── screens/ # Individual screens
│ │ ├── Home/
│ │ │ ├── HomeScreen.js
│ │ │ └── Home.styles.js
│ │ ├── Profile/
│ │ │ ├── ProfileScreen.js
│ │ │ └── Profile.styles.js
│ │ └── SplashScreen.js # Splash screen (if separate)
│ │
│ ├── hooks/ # Custom React hooks
│ │ └── useAuth.js
│ │
│ ├── services/ # API services and utilities
│ │ ├── api.js
│ │ └── authService.js
│ │
│ ├── store/ # State management files
│ │ ├── slices/ # Individual slice files for each state
│ │ ├── store.js
│ │ └── rootReducer.js
│ │
│ ├── utils/ # Utility functions
│ │ ├── helpers.js
│ │ └── constants.js
│ │
│ └── App.js # Main App entry point
│
├── .env # Environment variables
├── babel.config.js
├── package.json
└── README.md