React Native Pro

Build a Starter Kit + E-commerce App

Folder Structure

Understanding the organization of your React Native Expo starter kit

Project Structure
The starter kit is organized into clear, modular sections for easy development and maintenance.
my-starter-kit/
api/- Hono.js backend
routes/- API routes (auth, products, posts)
middleware/- JWT, rate limiting
prisma/- Prisma schema and client
app/- Expo app
(tabs)/- Expo Router tabs (Home, Shop, Profile)
auth/- Login, Signup, OAuth screens
components/- Reusable NativeWind components
hooks/- Custom hooks (useAuth, useCart)
store/- Zustand stores
utils/- Helpers (API client, toast)
package.json- Dependencies
app.json- Expo config
README.md- Documentation
Backend (api/)

routes/

Contains all API endpoints organized by feature (auth, products, posts, etc.)

middleware/

JWT authentication, rate limiting, and other middleware functions

prisma/

Database schema, migrations, and Prisma client configuration

Frontend (app/)

(tabs)/

Main app screens using Expo Router's tab navigation

auth/

Authentication screens (login, signup, OAuth flows)

components/

Reusable UI components styled with NativeWind

hooks/

Custom React hooks for auth, cart, and other features