eShop – React Native UI Ecommerce Template

Getting Started

Introduction

eShop is a modern and feature-rich e-commerce mobile app template built using React Native. It supports both Android and iOS platforms and is based on the latest version of React Native. With over 15+ screens and 40+ reusable components, this app template is ready to power your next e-commerce project.

Navigation is already implemented and paired with a beautifully designed user interface. You can jump-start your project in minutes. It also includes bonus UI components such as gradient buttons. Whether you are building a prototype or launching a real product, eShop provides a solid foundation for any e-commerce app.

If you have any questions that are beyond the scope of this documentation, please feel free to email or contact us via our profile page.

📱 Try the eShop App on Expo

Experience the app instantly using Expo Go without installing anything.

🚀 Open in Expo Go

You must have the Expo Go app installed on your device.

📦 Download Android APK

Don’t have Expo Go? You can also download and install the app directly on Android.

⬇️ Download APK

Works on Android 5.0 and above

🚀 Features

User Authentication

Login with email/password
Social media login integration
User registration
Password recovery

Home Screen

Search functionality
Category browsing
Featured products
Special deals and offers
Banner advertisements
Latest products showcase

Product Management

Product categories
Search with filters
Product details with images and descriptions
Size and quantity selection
Related products

Shopping Features

Shopping cart management
Favorites/Wishlist
Multi-step checkout process
Multiple payment methods
Order tracking & history

User Profile

Profile & address management
Wishlist & orders
App settings customization

⚙️ Technical Features

Built with React Native
Written in TypeScript
Clean & modular architecture
Responsive design
Custom reusable components
Form validation
Image upload capability
Secure data handling

📁 Project Structure


                              src/
                              ├── assets/         # Images, fonts, and other static files
                              ├── components/     # Reusable UI components
                              │   ├── Account/
                              │   ├── Cart/
                              │   ├── Category/
                              │   └── common/
                              ├── navigation/     # Navigation configuration
                              ├── screens/        # Main application screens
                              ├── services/       # API and other services
                              ├── styles/         # Global styles
                              └── utils/          # Utility functions and helpers

📱 Main Screens

Authentication

LoginScreen: User login
RegisterScreen: New user registration

Core Screens

HomeScreen: Main landing page
CategoriesScreen: Browse categories
ProductsScreen: Filtered product list
ProductDetailsScreen: Product detail page
CartScreen: Manage shopping cart
CheckoutScreen: Checkout steps

User Screens

ProfileScreen: Profile management
EditProfileScreen: Edit profile
OrdersScreen: Order tracking/history
FavoritesScreen: Wishlist items
SettingsScreen: Preferences

🔧 Getting Started

Note: Make sure your development environment is set up as per the React Native setup guide.

Step 1: Start Metro

# Using pnpm
                              pnpm start

Step 2: Run the App

Android

pnpm run android

iOS

# CocoaPods setup (iOS only)
                              bundle install
                              bundle exec pod install
                              
                              # Run the app
                              pnpm run ios

📚 Learn More

📝 License

This project is licensed under the MIT License.