React Native CRUD App (MVVM + Clean Architecture)

A production-ready React Native application implementing CRUD operations following MVVM and Clean Architecture principles.

📐 Architecture Overview

System Architecture (MVVM + Clean Architecture)

graph TD
    A[UI Components] --> B[ViewModel]
    B --> C[Repository Interface]
    C --> D[API Client]
    D --> E[Backend API]
    
    style A fill:#f9f,stroke:#333
    style B fill:#b9f,stroke:#333
    style C fill:#9bf,stroke:#333
    style D fill:#6cf,stroke:#333
    style E fill:#39f,stroke:#333

Loading

📦 Plugins & Dependencies

Core dependencies

npm install react react-native axios npm install -D typescript @types/react @types/react-native

Environment management

npm install react-native-config

Navigation (optional)

npm install @react-navigation/native react-native-screens react-native-safe-area-context

Testing

npm install -D jest @testing-library/react-native ts-jest

🚀 Installation npm install

🔑 Environment Variables Create .env.staging and .env.production files in the root directory

🔑 API Configuration Update core/config/config.ts with your API base URL

🧩 Project Structure

src/ ├── core/ ├── features/ ├── shared/ ├── tests/ ├── types/ └── utils/