Introduction

Ishop 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, Ishop provides a solid foundation for any e-commerce app.

🚀 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/
│   ├── components/         # Reusable UI components
│   │   ├── Account/
│   │   ├── Cart/
│   │   ├── Category/
│   │   ├── Header/
│   │   └── home/
│   ├── navigation/         # Navigation configuration
│   ├── screens/            # Application screens
│   ├── styles/             # Styling and theme utilities
│   ├── ThemeContext/       # Theme management
│   └── utils/              # Helper functions and types
  

📱 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 npm
                              npm start
                                

Step 2: Run the App

Android

npm run android

iOS

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

📚 Learn More

• React Native Official Site
• React Native Environment Setup
• React Native Getting Started Guide

📝 License

This project is licensed under the MIT License.