A professional customer-facing interface designed for global logistics and heavy utility management. Built to handle complex B2B workflows with high information density, structural performance, and clear visual hierarchy.
You can explore the live portal here: View Live Demo
- High Density: Professional layouts optimized for complex data monitoring and industrial workflows.
- Soft Professional: A luminous design system using high-saturation alpha accents for visual clarity.
- Resource Intelligence: Interactive tracking for Electricity, Water, and Industrial Gas with trend analysis.
- Status Management: Real-time oversight for active service contracts and industrial audits.
- Security First: Integrated role-based access management and security policy enforcement.
- Core: React 19 + Vite 7
- Logic: TypeScript 5.9
- Styling: TailwindCSS 4 (New single-file engine)
- Icons: Lucide React
- Dashboard: High-level overview of facility health, security status, and core metrics.
- Services: Comprehensive tracking of maintenance schedules, IoT subscriptions, and expert assignments.
- Contracts: Legal and compliance module for multi-million euro industrial agreements.
- Consumption: Dense data grids and visualizations for multi-resource utility usage.
- Team: Access control management for facility managers and external auditors.
- Information Density: Maximizing visible data without cognitive overload.
- Visual Hierarchy: Clear contrast and typographic scale for expert users.
- Native Behavior: Components that respond with standard HTML-like predictability.
- B2B Aesthetics: Neutral grays and subtle shadows for a focused, brand-agnostic environment.
- Clone the repository:
git clone https://github.com/AndreaP2A/Logis-SaaS-B2B-Industrial-Portal.git - Install dependencies:
npm install - Run dev server:
npm run dev
This project is open-source and available under the MIT License.