
Phase 4 → File 04 → Claude

# REACT + VITE + TAILWIND FULL DASHBOARD GENERATION

You are a senior frontend engineer.

Generate a complete React + Vite + Tailwind frontend for the following backend API.

System:
Tower Paints & Chems Distribution System

Stack:
- React (Vite)
- TailwindCSS
- Axios
- React Router
- Functional components

Pages Required:

Public:
- Home
- Products
- Partnership Info
- Login

Authenticated:
- Dashboard
- Inventory View
- Weekly Sales Form
- Target Progress
- Low Stock Warning

Admin:
- Manage Users
- Approve Partners
- Manage Warehouses
- Add Stock
- View All Inventory

Features:
- Role-based sidebar
- Token authentication (Sanctum)
- Axios service file
- Protected routes
- Clean UI layout
- Responsive

Keep design minimal and clean.
No external UI libraries.
Structure files clearly.

Return:
- Folder structure
- Full code for each file
- API service file

# REACT + VITE + TAILWIND FULL DASHBOARD GENERATION

You are a senior frontend engineer.

Generate a complete React + Vite + Tailwind frontend for the Tower Paints & Chems Distribution System.

Stack:
- React (Vite)
- TailwindCSS
- Axios
- React Router

Pages Required:

Public:
- Home
- Products
- Partnership Info
- Login

Authenticated Dashboard Must Include:

1. Performance Scorecard Section
   - Monthly sales
   - Growth %
   - Target %
   - Projected % forecast
   - Best-selling product
   - Slowest-moving product

2. Inventory Health Section
   - Current stock
   - Low stock warning
   - Days remaining indicator

3. Weekly Compliance Indicator
   - Compliance %
   - Missed weeks alert

4. Sales Form
   - Product
   - Quantity
   - Real-time stock validation

5. Return Simulation Tool
   - Input additional sales
   - Show projected return

Admin Dashboard Additional:
- Top 5 products
- Dead stock list
- Partner ranking by performance
- Category revenue breakdown

UI Requirements:
- Clean KPI cards
- Simple bar charts (no external UI libraries)
- Responsive layout
- Role-based sidebar

Return:
- Folder structure
- All page components
- API service
- Protected route logic