feat: Enhance UX with animations, loaders, fixes, and doc updates
- Animations: Added global page transitions and smooth sidebar toggle - Loaders: Implemented branded Loader component and page loading states - Fixes: Resolved hook order violations in Maps/Dashboard; fixed Layout import - Docs: Updated README with correct demo credentials and feature list
This commit is contained in:
@@ -40,14 +40,27 @@ A 360-degree view of your territory's health.
|
||||
|
||||
---
|
||||
|
||||
## 👥 USER ROLES & DEMO ACCOUNTS
|
||||
## � KEY FEATURES (Latest Updates)
|
||||
|
||||
To explore the platform, use these pre-configured accounts.
|
||||
### 🎨 "LynkedUp Pro" Branding & UX
|
||||
- **Smooth Animations**: Global page transitions (Fade/Slide) and silky-smooth collapsible sidebar.
|
||||
- **Visual Polish**: Glassmorphism everywhere, custom "LynkedUp" loaders, and pulsing interactive elements.
|
||||
- **Dark Mode**: Fully supported system-wide dark mode with inverted map tiles for comfortable night viewing.
|
||||
|
||||
### 🌍 Advanced Mapping
|
||||
- **Lead Creation**: Click anywhere on the map to reverse-geocode addresses and create new leads on the fly.
|
||||
- **Polygon Visualization**: Color-coded property footprints indicating status (Hot Lead, Customer, etc.).
|
||||
|
||||
---
|
||||
|
||||
## �👥 USER ROLES & DEMO ACCOUNTS
|
||||
|
||||
To explore the platform, use these pre-configured accounts. **Password for ALL accounts is: `password`**
|
||||
|
||||
### 1. Field Agent (Worker)
|
||||
*The primary user. Can view maps, access detailed property data, and manage leads.*
|
||||
- **Username/ID**: `EMP001`
|
||||
- **Password**: `password123`
|
||||
- **Username/ID**: `FA001` (Frank Agent)
|
||||
- **Alternates**: `FA002`, `FA003`, `FA004`, `FA005`
|
||||
- **Role Capabilities**:
|
||||
- Access Dashboard & Widget Data.
|
||||
- View/Edit Lead Status (Hot, Cold, Customer).
|
||||
@@ -55,15 +68,15 @@ To explore the platform, use these pre-configured accounts.
|
||||
|
||||
### 2. Administrator
|
||||
*The manager. Sees all agents and global stats.*
|
||||
- **Username/ID**: `ADMIN01`
|
||||
- **Password**: `adminpass`
|
||||
- **Username/ID**: `ADM01` (Adam Admin)
|
||||
- **Alternates**: `ADM02`, `ADM03`
|
||||
- **Role Capabilities**:
|
||||
- All Agent capabilities + User Management (Mock).
|
||||
|
||||
### 3. Customer (Homeowner)
|
||||
*The client. Limited view of their own property.*
|
||||
- **Username**: `john_doe`
|
||||
- **Password**: `customer123`
|
||||
- **Username**: `alice`
|
||||
- **Alternates**: `bob`, `charlie`
|
||||
- **Role Capabilities**:
|
||||
- View personal property details.
|
||||
- Request Service.
|
||||
@@ -76,7 +89,7 @@ To explore the platform, use these pre-configured accounts.
|
||||
|
||||
- **Frontend**: React 18 (Vite), Tailwind CSS, Glassmorphism UI.
|
||||
- **State**: `MockStore` (Simulates Backend/DB), `AuthContext` (Session Management).
|
||||
- **AI Engine**: Groq SDK (`qwen-2.5-32b`) injected with dynamic system prompts.
|
||||
- **AI Engine**: Groq SDK (`qwen-3-32b`) injected with dynamic system prompts.
|
||||
- **Visuals**: `react-leaflet` (Maps), `recharts` (Analytics), `lucide-react` (Icons).
|
||||
|
||||
### 🧠 Deep Dive: How It Works
|
||||
|
||||
Reference in New Issue
Block a user