How to Navigate
Our Ecosystem.
A complete breakdown of the Hobort Auto Parts Express platform, designed to help you source, track, and manage your global automotive supply chain.
Agent Upgrade Path, Mobile Numbers & Platform Stability
A comprehensive update introducing the customer-to-agent upgrade flow, mandatory phone number collection, real-time role synchronisation, and key stability improvements across the portal.
- Mobile Number Collection: Phone numbers are now captured at signup for both customers and agents, enabling direct follow-up and improving fulfilment communication.
- Phone Number Alert Banner: A dismissible banner prompts existing users without a phone number on file to update their profile, ensuring the contact directory stays complete.
- Customer → Agent Upgrade Path: Existing customers can now apply to become a partner agent directly from their profile settings, without creating a new account.
- Real-Time Role Synchronisation: The portal now subscribes to live profile changes — when an admin approves an agent, the portal updates instantly without requiring a page refresh.
- Pending Approval Modal Fix: The 'Application Under Review' modal now verifies the user's role directly from the database on mount, preventing it from appearing for already-approved agents.
- Notification Panel Scrolling: The notification panel is now natively scrollable with a branded Hobort-blue / orange hover scrollbar.
- Portal Hydration Mismatch Fixed: Resolved a React server/client hydration error in the portal layout by gating the loading spinner on the mounted flag.
Hobort Billing Engine & Core Stability
A monumental update launching a professional financial invoicing ecosystem, alongside critical stability patches for authentication and user onboarding.
- Launched 'Hobort Billing': A professional, text-selectable PDF invoice engine with brand-matched orange aesthetics, generated directly in the browser.
- Dynamic Invoice Management: Built a highly interactive 'Create Invoice' dashboard with auto-calculating line items, subtotal math, and global tax application.
- Visual Status Architecture: Integrated responsive invoice status badges (Draft, Paid, Overdue) and a modular financial tracking interface.
- Fixed OTP Verification Lockup: Transitioned the 'Welcome Email' from a blocking API request to an asynchronous background task, ensuring the UI verification loop never hangs.
- Resolved Instant Redirect Bug: Hardened the Global Auth Provider to strictly reject 'ghost' sessions lacking email confirmation, forcing users to complete the mandatory OTP security gate.
- Eliminated Registration RLS Errors: Added aggressive pre-fetch validation to prevent the app from fetching user profiles before they are mathematically verified, silencing all database security complaints.
Hobort Billing, Bug Reporting & UI Polish
A monumental update transforming Hobort into a full-scale financial and communication ecosystem with professional billing and real-time feedback loops.
- Launched 'Hobort Billing': A professional, text-selectable PDF invoice engine with brand-matched orange styling and automated calculations.
- Instant Digital Onboarding: Google SSO combined with zero-delay welcome emails and 1-click account access for a friction-free experience.
- Role-Based Bug Reporting: A high-fidelity feedback portal with 40+ searchable categories and a dedicated Admin resolution hub.
- Navigation Optimization: Completely streamlined the footer and portal navigation, removing 5+ redundant paths for a cleaner, high-end UI.
- Unified Platform Layout: Finalized a symmetrical, mobile-first architecture that scales perfectly from iPhone to Ultra-Wide monitors.
Google SSO & Instant Access
Completely streamlined the user onboarding experience with 1-click Google Single Sign-On, Instant Signups without OTP delays, and hardened fake email prevention.
- Implemented Google Single Sign-On: Users can now create accounts and log in seamlessly via Google OAuth, automatically linking with existing matching emails.
- Instant Signups & Zero-Delay Welcome Emails: Bypassed the mandatory 6-digit OTP email verification screen. Account creation, login, and welcome email delivery are now instant.
- Advanced Fake Email Prevention: Deployed a robust frontend validation system containing over 250+ known disposable/burner email domains. Fake email attempts are instantly blocked.
- Enforced Strict Role-Based Route Isolation: Upgraded middleware to rigorously prevent users from logging into the wrong portal (e.g., Customers cannot use the Admin login tab).
- Enhanced Testimonials Experience: Integrated a scrolling marquee with native pause-on-hover logic, upgraded typography to brand colors, and injected localized user identities.
Registration Flow & Hydration Fixes
Focus on onboarding stability and resolving technical hydration mismatches in the signup process.
- Resolved Registration Hydration Mismatch: Fixed the 'Get Started' button submission handler to ensure consistent server/client rendering.
- Optimized Post-Signup Redirection: Unified the landing logic after successful account creation for Customer and Agent roles.
- Enhanced Field Validation: Added real-time error feedback for registration forms to minimize submission failures.
Account Governance & Persistent Support
Focus on platform stability, secure account recovery, and background persistence for guest support interactions.
- Launched Advanced User Governance: Admins can now suspend/unsuspend accounts with unified middleware enforcement.
- Implemented Persistent Guest Chat: Conversations now sync to localStorage, ensuring continuity for unauthenticated users.
- Deployed Self-Service Recovery: New 'Forgot Password' flow with real-time security strength indicators during reset.
- Refined Gallery Masonry: Adjusted layout for 4-column density on ultra-wide screens and better mobile stacking.
Real-time Communication & Premium UI
Transformed the platform into a high-fidelity communication ecosystem with real-time messaging and symmetrical modal architecture.
- Integrated Live Feedback System: Real-time chat between Agents and Customers powered by Supabase.
- Launched Apple-style Symmetrical Modals: Redesigned window architecture for better focus and aesthetics.
- Eliminated Modal Scrolling: Optimized vertical layout with flex-grow containers and scroll-free viewports.
- Enhanced Accessibility: Universal contrast uplift for labels (slate-400 -> slate-600) across all dashboards.
- Unified Admin Controls: Direct 'Chat' access from all data tables and dashboards.
Platform Guide & Tracking Intelligence
Launched the dedicated Platform Guide for comprehensive user education and enabled instant Tracking ID access.
- Launched /guide: A central hub for Site Structure, How-To's, and Patch Notes.
- Deployed 'Reference ID' Badges: Instantly copy tracking numbers from Customer/Agent dashboards.
- Implemented Admin-Triggered ID Logic: Reference IDs are now generated only upon Admin review.
- Unified Navigation: Added 'Guide' to global Navbar and Footer.
Optimistic UI & UX Polish
Enhanced perceived performance with Skeleton UI and streamlined navigation for a smoother portal experience.
- Implemented High-Fidelity Skeleton UI across all dashboards (Customer, Agent, Admin).
- Removed redundant 'Homepage' link from sidebar to maximize focus and space.
- Simplified Admin Settings with premium 'Coming Soon' placeholders for future modules.
- Resolved Agent Dashboard data synchronization regressions.
- Optimized global loading states for industrial-scale speed.
Core Operations Focus
Simplified the Administrative suite to focus purely on sourcing efficiency and professional quoting.
- De-cluttered the Admin Sidebar: Removed Revenue, Orders, and Shipment management for future restructuring.
- Optimized Admin Overview: Replaced financial metrics with Active Sourcing volume and platform growth tracking.
- Unified Portal Navigation: Eliminated layout glitches by consolidating all roles into a single stable architecture.
- Launched 'Accept & Pay' Bridge: Enabled customers to finalize quotes, initializing the order lifecycle.
Complete Portal Ecosystem
Launched the full-scale portal experience with integrated logistics, finance, and personalized settings.
- Deployed Integrated Shipments Manager with real-time DHL/FedEx tracking sync.
- Launched Financial Analytics Dashboard with live revenue/quote metric tracking.
- Implemented Advanced User Preferences for Dark Mode and Layout Density.
- Integrated Instant Push Notifications for Agent Approval workflows.
- Deployed Production Database Schema for Logistics and Transaction monitoring.
Advanced Password Recovery
Implemented a secure, multi-stage password recovery system to prevent user lockout.
- Launched /forgot-password request page with email validation.
- Created /reset-password landing page for secure credential updates.
- Integrated Supabase Auth recovery link protocol with custom redirection.
- Enforced unified security standards across all recovery routes.
Intelligent Password Security
Enhanced authentication security with real-time feedback and visibility controls.
- Developed unified PasswordInput component with high-fidelity Eye toggle.
- Integrated real-time Password Strength Meter with 5-point verification.
- Added dynamic visual feedback (Weak, Medium, Strong) using brand color palettes.
- Enforced mobile-safe input standards for all security fields.
Supabase Production Infrastructure
Migration from mock data to a scalable, real-time PostgreSQL backend with integrated security.
- Implemented Global Auth Provider using Supabase Auth for session management.
- Deployed production-ready Database Schema (Profiles, Agents, Requests, Shipments).
- Launched Dynamic Auth Visuals with route-specific branding for Login/Signup.
- Integrated automatic profile creation via PostgreSQL triggers.
- Established secure Row Level Security (RLS) policies for data privacy.
UX & Stability Refinement
Focus on mobile responsiveness and input stability to ensure a professional experience on all devices.
- Enforced 16px font-size on all mobile inputs to prevent automatic browser zoom-in.
- Resolved hydration mismatches in phone inputs by implementing mounting guards.
- Standardized hero subtext to a 3-line rhythm for visual stability.
- Optimized tracking widget alignment to perfectly match CTA buttons.
Premium Hero & Verification System
Introduction of high-fidelity design elements and critical vehicle data validation features.
- Launched Dynamic Dual-Theme Hero Slider (Light/Dark mode).
- Implemented 17-point VIN syntax and checksum validation system.
- Added NHTSA-powered vehicle decoding with mandatory profile confirmation.
- Integrated industrial-luxury brand showcase with automotive leader logos.
Initial Platform Launch
The core foundation of Hobort Auto Parts Express, establishing the intercontinental supply chain link.
- Established base global layout with max-width [1400px] standardization.
- Integrated real-time WhatsApp redirect flow for instant agent communication.
- Launched sourcing request forms with dynamic multi-step logic.
- Optimized global navigation and footer for high-performance accessibility.