موقع Fabrica Store

app/
├── _components/
│   ├── Header/           # Header components (Logo, Search, Cart, Theme Toggle, Profile)
│   ├── content/          # Product components (Card, Gallery, Details, List, Skeletons)
│   ├── footer/           # Footer component
│   └── registeration/    # Registration pages
├── lib/                  # Business logic and APIs
│   ├── authenticationApi.js  # Complete auth system with Context
│   ├── productsContextApis.js # Products state management
│   └── prudectusFetching.js  # Products data fetching
├── _utilties/            # Configuration files
│   ├── firebaseConfig.js     # Firebase setup
│   └── cloudinaryUpload.js  # Image upload utility
├── context/              # React Contexts
│   └── ThemeContext.js   # Dark/Light mode management
├── hooks/                 # Custom React Hooks
│   └── useTheme.js       # Theme hook
├── products/             # Product pages
│   ├── page.jsx          # All products with search/filter
│   └── [id]/             # Dynamic route for product details
│       ├── page.jsx      # Server Component for SEO
│       └── loading.jsx    # Loading state
├── Dashboard/            # Admin dashboard
│   ├── page.jsx          # Main dashboard with statistics
│   └── adminUserMangement/ # User management
├── login/                # Authentication pages
├── page.js               # Home page (Server Component)
├── layout.js             # Root layout with providers
├── providers.js          # React Query provider
└── globals.css           # Global styles and CSS variables