A professional-grade corporate intranet platform for high-scale logistics operations.
IntraNet is a professional-grade corporate platform designed for high-scale operations management, centralizing integrated workflows for:
- 🎫 Support Ticketing System — Complete ticket management with visual Kanban workflows and priority-based SLA tracking.
- 💻 IT Asset Monitoring — Real-time hardware and device monitoring with telemetry via WebSocket agents.
- 👥 User & Department Management — Centralized management of employees, roles, and sector hierarchies.
- 📦 Inventory Control — Real-time tracking of materials, equipment, and resources.
- 📊 Executive Analytics — Performance dashboards and operational KPI metrics (MTTR, SLA, Volume Trends).
- 🔔 Integrated Notifications — Native push notifications and external webhooks for cross-system alerts.
- 💬 Internal Chat — Real-time messaging integrated directly into ticket workflows.
To serve as a unified hub for communication and operations management, consolidating multiple workflows into an intuitive and responsive interface — eliminating the need for multiple disconnected tools.
The platform was built with a mobile-first mindset and is fully installable as a Progressive Web App:
| Feature | Details |
|---|---|
| PWA Installable | Works as a native app on Android & iOS via browser prompt |
| Offline Support | Service Worker with network-first + cache fallback strategy |
| Touch Gestures | Swipe from left edge to open/close sidebar |
| iOS Safe Area | Supports notch & Dynamic Island via env(safe-area-inset-*) |
| Responsive Layout | Adaptive sidebar (drawer on mobile, fixed on desktop) |
| Swipe Kanban | Column-to-column navigation via touch swipe with scroll-snap |
| Mobile Toasts | Swipe-to-dismiss notifications with Sonner |
| Adaptive Cards | Ticket list switches to card layout on mobile vs table on desktop |
The system runs seamlessly across Android, iOS (iPhone/iPad), and all screen sizes from 320px to 1920px+.
The platform features a modern, clean interface with full dark/light mode and mobile responsiveness.
All views captured running as an installed PWA on iPhone, demonstrating dark mode, responsive layouts, and touch-optimized navigation.
The platform follows a modern serverless-first approach combined with real-time capabilities:
┌─────────────────────────────────────────────────────┐
│ React 18 + TypeScript │
│ (Vite + Tailwind + shadcn/ui + PWA) │
└────────────────────────┬────────────────────────────┘
│
┌─────────────┼─────────────┐
│ │ │
┌──────▼──────┐ ┌────▼────┐ ┌─────▼──────┐
│ REST API │ │Realtime │ │ WebSocket │
│ (PostgREST)│ │(LISTEN/ │ │ (Telemetry)│
└──────┬──────┘ │NOTIFY) │ └─────┬──────┘
│ └────┬────┘ │
┌──────▼──────────────▼───────────▼──────┐
│ Supabase (PostgreSQL + Auth) │
│ + Edge Functions │
└────────────────────────────────────────┘
| Layer | Technology |
|---|---|
| Frontend | React 18, TypeScript, Vite |
| Styling | Tailwind CSS, shadcn/ui, Material-UI |
| State | React Query (TanStack) |
| Backend (BaaS) | Supabase (PostgreSQL, Auth, Storage, Realtime) |
| Compute | Edge Functions (Deno Runtime) |
| Telemetry | Custom Node.js WebSocket Server |
| Charts | Recharts |
| Drag-and-Drop | @hello-pangea/dnd |
| Mobile / PWA | Service Worker, Web App Manifest |
- React 18 & TypeScript: For robust and type-safe UI development.
- React Query: Advanced server-side state management with caching, background refetching, and optimistic updates.
- Tailwind CSS & shadcn/ui: Consistent, accessible, and high-performance component library.
- Recharts: Complex data visualization for operational metrics and KPI dashboards.
- @hello-pangea/dnd: Fluid drag-and-drop experience for Kanban boards.
- Sonner: Toast notifications with native swipe-to-dismiss on mobile.
- Supabase Cloud: Integrated database, authentication, storage, and realtime engine.
- PostgreSQL RLS: Row-Level Security enforcing multi-tenant data isolation at the database level.
- Real-time Engine: Supabase Realtime with debounced subscriptions for instant UI updates across all clients.
- Edge Computing: Deno-based serverless functions for critical business logic (notifications, geocoding, secure profile resolution).
- WebSocket Server: Custom Node.js agent for high-frequency hardware telemetry data.
- Service Worker: Manual implementation with network-first + cache fallback for offline support.
| Feature | Implementation |
|---|---|
| RBAC | Granular permissions for Admin, Operator, Dev, and User roles |
| JWT Authentication | Secure sessions managed by Supabase Auth |
| Row-Level Security | Policies enforced directly at the PostgreSQL level |
| Data Encryption | Secure handling of sensitive telemetry and user data |
| Input Validation | Zod schema validation on all form inputs |
| View-only Mode | Chat and drag-and-drop locked for read-only Kanban users |
| Module | Description | Status |
|---|---|---|
| 🎫 Ticketing / Kanban | Full lifecycle ticket management with SLA | ✅ Production |
| 💻 Asset Telemetry | Real-time hardware monitoring via WebSocket | ✅ Production |
| 👥 User Management | RBAC + department hierarchy | ✅ Production |
| 📊 Analytics Dashboard | KPIs, MTTR, SLA compliance charts | ✅ Production |
| 🔔 Notifications | Push + Webhook integration | ✅ Production |
| 💬 Internal Chat | Real-time messaging per ticket | ✅ Production |
| 📦 Inventory | Materials and resources tracking + Excel export | ✅ Production |
| 📱 PWA | Installable app with offline support | ✅ Production |
Note: This repository is a showcase of architectural design and technical proficiency. The source code for core business logic, proprietary algorithms, and private server implementations are kept in a private repository to protect intellectual property.
What's included here:
- ✅ Detailed technical documentation
- ✅ System architecture diagrams
- ✅ Technology stack specifications
- ✅ Visual previews and screenshots
- ✅ Configuration files demonstrating environment setup expertise
What's in the private repository:
- 🔒 Full application source code
- 🔒 Edge Functions implementations
- 🔒 Database migration scripts
- 🔒 WebSocket server implementation
Interested in the full implementation or have any questions?
Talys Matheus Cordeiro Silva (Tcordeiro)
Feel free to reach out via GitHub or connect on LinkedIn.
Copyright © 2026 Talys Matheus Cordeiro Silva — All rights reserved.
This project is for demonstration purposes only. Unauthorized copying, modification, distribution, or use of this project, in part or in whole, is strictly prohibited.
See LICENSE for details.