ADMIN_ACCESS_DIAGRAM.txt

================================================================================
                    ADMIN DASHBOARD ACCESS FLOW
================================================================================

METHOD 1: VIA LOGIN PAGE
========================

Step 1: Visit Homepage
    http://localhost:3000
                 ↓
Step 2: Click Login Button (Top Right Corner)
    [Header Bar]
    [Logo] [Search] [Wishlist] [Cart] [Login] ← Click Here
                 ↓
Step 3: Enter Admin Credentials
    Email:    sajibuddin729@gmail.com
    Password: **************
    [Login Button] ← Click
                 ↓
Step 4: See User Menu
    Click User Icon (Top Right)
                ↓
    [Dropdown Menu]
    ├─ Your Name
    ├─ Your Email
    ├─ My Profile
    ├─ My Orders
    ├─ Admin Dashboard ← CLICK THIS
    └─ Logout
                 ↓
Step 5: Admin Dashboard Opens!
    http://localhost:3000/admin


METHOD 2: DIRECT URL (If Already Logged In)
============================================

Step 1: Make sure you're logged in as admin
                 ↓
Step 2: Visit directly
    http://localhost:3000/admin
                 ↓
Step 3: Dashboard loads immediately!


================================================================================
                      ADMIN DASHBOARD STRUCTURE
================================================================================

                    ADMIN DASHBOARD (admin/)
                            ↓
        ┌───────────────────┼───────────────────┐
        ↓                   ↓                   ↓
    SIDEBAR             MAIN CONTENT       HEADER
    ========            ============       ======
    
    • Dashboard ←→    📊 Stats Cards      [User Icon]
    • Products  ←→    ├─ Total Orders          ↓
    • Orders    ←→    ├─ Total Users      [Profile Menu]
    • Users     ←→    ├─ Products         ├─ Admin Dashboard
    • Logout    ←→    └─ Revenue          ├─ Logout
                                          └─ Settings
                    📋 Recent Orders
                    ├─ Order ID
                    ├─ Customer
                    ├─ Amount
                    └─ Status


================================================================================
                        ADMIN FEATURES MAP
================================================================================

┌─ DASHBOARD ─────────────────────────────────────┐
│                                                  │
│  Overview of entire store                       │
│  ├─ Total Orders: 42                            │
│  ├─ Total Users: 15                             │
│  ├─ Total Products: 12                          │
│  ├─ Total Revenue: $3,240                       │
│  └─ Recent Orders (last 5-10)                   │
│                                                  │
└──────────────────────────────────────────────────┘

┌─ PRODUCTS ──────────────────────────────────────┐
│                                                  │
│  Manage your product catalog                    │
│  ├─ View all products                           │
│  ├─ Add New Product                             │
│  │  └─ Name, Price, Category, Stock, Image     │
│  ├─ Edit Product                                │
│  │  └─ Update any details                       │
│  └─ Delete Product                              │
│     └─ Remove from store                        │
│                                                  │
└──────────────────────────────────────────────────┘

┌─ ORDERS ────────────────────────────────────────┐
│                                                  │
│  Manage customer orders                         │
│  ├─ View all orders                             │
│  ├─ See customer details                        │
│  │  └─ Name, Email, Phone, Address             │
│  ├─ See order items & total                     │
│  └─ Update Order Status                         │
│     ├─ Pending                                  │
│     ├─ Shipped                                  │
│     └─ Delivered                                │
│                                                  │
└──────────────────────────────────────────────────┘

┌─ USERS ─────────────────────────────────────────┐
│                                                  │
│  View all registered customers                  │
│  ├─ User List                                   │
│  ├─ Name & Email                                │
│  ├─ Phone & Address                             │
│  ├─ Joined Date                                 │
│  └─ Admin Status                                │
│                                                  │
└──────────────────────────────────────────────────┘


================================================================================
                      SAMPLE PRODUCTS INCLUDED
================================================================================

Pre-loaded 12 Products:
────────────────────────

1. Handmade Ceramic Mug
   └─ $25.99 | Stock: 50 | Rating: 4.5 ⭐
   
2. Vintage Leather Wallet
   └─ $45.99 | Stock: 30 | Rating: 4.8 ⭐
   
3. Organic Skin Care Set
   └─ $59.99 | Stock: 40 | Rating: 4.6 ⭐
   
4. Handwoven Basket
   └─ $35.99 | Stock: 25 | Rating: 4.4 ⭐
   
5. Artisan Jewelry Set
   └─ $89.99 | Stock: 15 | Rating: 4.9 ⭐
   
6. Wooden Cutting Board
   └─ $39.99 | Stock: 35 | Rating: 4.7 ⭐
   
7. Scented Candle Collection
   └─ $49.99 | Stock: 45 | Rating: 4.5 ⭐
   
8. Bohemian Throw Pillow
   └─ $32.99 | Stock: 50 | Rating: 4.6 ⭐
   
9. Silk Scarf
   └─ $55.99 | Stock: 20 | Rating: 4.7 ⭐
   
10. Handmade Book
    └─ $28.99 | Stock: 30 | Rating: 4.8 ⭐
    
11. Bamboo Plant Pot
    └─ $22.99 | Stock: 60 | Rating: 4.4 ⭐
    
12. Coffee Lover Box
    └─ $72.99 | Stock: 25 | Rating: 4.9 ⭐

All with beautiful Unsplash images! 📸


================================================================================
                        QUICK REFERENCE
================================================================================

ADMIN LOGIN CREDENTIALS:
────────────────────────
Email:    sajibuddin729@gmail.com
Password: **************

AFTER LOGIN:
────────────
• Click User Icon (Top Right)
• Select "Admin Dashboard"
• Or visit: http://localhost:3000/admin

DASHBOARD ACCESS:
──────────────────
1. Homepage    → http://localhost:3000
2. Login Page  → Click "Login" button
3. Enter Credentials
4. Dashboard   → Click "Admin Dashboard" in user menu
5. Or Direct   → http://localhost:3000/admin

SIDEBAR NAVIGATION:
───────────────────
From dashboard sidebar, access:
• Dashboard  ← View overview
• Products   ← Manage products
• Orders     ← Manage orders
• Users      ← View customers
• Logout     ← Sign out


================================================================================
                       HELPFUL KEYBOARD SHORTCUTS
================================================================================

While logged in as admin:
• Ctrl/Cmd + Shift + J  → Open browser console (errors & debugging)
• F12                   → Open developer tools
• F5                    → Refresh page
• Ctrl/Cmd + +          → Zoom in
• Ctrl/Cmd + -          → Zoom out


================================================================================
                         COMMON TASKS QUICK MENU
================================================================================

┌─────────────────────────────────────────────────────┐
│ WHAT DO YOU WANT TO DO?                             │
├─────────────────────────────────────────────────────┤
│                                                     │
│ ☐ Login as Admin                                  │
│   → http://localhost:3000 → Login                 │
│                                                     │
│ ☐ View Dashboard                                   │
│   → User Icon → Admin Dashboard                    │
│                                                     │
│ ☐ View All Products                                │
│   → Admin Dashboard → Products Tab                 │
│                                                     │
│ ☐ Add New Product                                  │
│   → Admin Dashboard → Products → Add New Product   │
│                                                     │
│ ☐ Manage Orders                                    │
│   → Admin Dashboard → See "Recent Orders"          │
│                                                     │
│ ☐ Update Order Status                              │
│   → Admin Dashboard → Orders → Click Order         │
│                                                     │
│ ☐ View All Users                                   │
│   → Admin Dashboard → Users Tab                    │
│                                                     │
│ ☐ Check Sales Stats                                │
│   → Admin Dashboard → Top cards show stats         │
│                                                     │
└─────────────────────────────────────────────────────┘


================================================================================
                    TROUBLESHOOTING QUICK GUIDE
================================================================================

ISSUE: Admin Dashboard button not showing
FIX:   Make sure you're logged in as sajibuddin729@gmail.com
       (Not a customer account)

ISSUE: Can't find Admin Dashboard link
FIX:   After login, click User Icon (Top Right)
       Look for "Admin Dashboard" option

ISSUE: Getting error page
FIX:   Make sure backend is running (you should see in terminal)
       Make sure MongoDB is running (mongod in another terminal)

ISSUE: Products not loading
FIX:   Refresh the page (Ctrl/Cmd + R)
       Check backend is running
       Check .env.local has API_URL set

ISSUE: Port 3000 is already in use
FIX:   Kill the process on that port
       Or change PORT in .env.local
       Then restart: npm run dev

================================================================================