E-commerce Shop App – React Native Expo Source Code

Description

Start your own mobile shop in days, not months. Shopora is a complete multi-screen e-commerce app with tab and stack navigation, typed data models, cart and order logic, AsyncStorage persistence and light and dark themes. Plug in your own catalog or API and publish.

Features

• Home: promo banner, categories and featured products
• Category screen and search with chips, filters and sorting by price, rating or newest
• Product details: image, rating, colors, sizes, quantity selector and related products
• Cart with quantity editing, promo codes (WELCOME10, SALE20), free shipping threshold and tax
• Checkout with address form validation and payment choice: card, PayPal or cash on delivery
• Order success screen, orders list and order details with status steps
• Wishlist with one tap add and remove
• Profile and edit profile, light, dark or system theme, reset demo data
• All data stored on the device with AsyncStorage, no backend required
• Runs on Android, iOS and Web

Tech stack

• React Native 0.74, Expo SDK 51
• TypeScript (strict)
• React Navigation 6: bottom tabs and native stack
• @react-native-async-storage/async-storage
• @expo/vector-icons (Ionicons)
• React Context for cart, wishlist, orders and settings
• Jest (jest-expo) unit tests

Requirements

• Node.js 18 or 20
• Expo Go on your phone, or Android emulator / iOS simulator
• Optional: EAS CLI for store builds

How to install and run

1. Unzip the archive and open the project folder
2. Run npm install
3. Run npx expo start and scan the QR code with Expo Go (or press a / i / w)
4. Type check with npm run typecheck, run tests with npm test, build for stores with eas build

How to rebrand

• App name: app.json and APP_NAME, APP_TAGLINE in src/config.ts
• Colors: BRAND_PRIMARY, BRAND_ACCENT in src/config.ts and palettes in src/theme/theme.ts
• Currency, shipping, tax and promo codes: src/config.ts
• Icon and splash: replace files in assets/
• Package id: android.package and ios.bundleIdentifier in app.json (current: com.appforge.shopora)
• Catalog: src/data/catalog.ts, replace with your API calls when needed

What’s included

• Full TypeScript source code (App.tsx, src, assets, app.json, package.json, package-lock.json)
• Jest tests
• README.md with setup, rebranding and project structure
• LICENSE file
• Screenshots folder

Screenshots

License

Commercial license: use the source code in one end product (one app) for yourself or one client, free or paid. Reselling or redistributing the source code as a template is not allowed. Full text in the LICENSE file.