3D System Viewer
Interactive Three.js visualization for navigating complex ship engine room structures and mechanical components.
3D Engineering Platform
SMECO Ship Management & Engineering Console.
A browser-based engineering platform for interactive ship system visualization, structured component exploration, metadata management and real-time system updates.
Overview
Digital engineering for complex ship systems.
SMECO was designed as an interactive 3D platform for visualizing and managing ship engine room systems directly in the browser. The application combines a real-time Three.js viewer with structured component metadata, documents, authentication and live database synchronization.
Features
Built for interactive engineering workflows.
Structured Hierarchy
Components are organized into ship systems, allowing users to explore the model through a clear technical hierarchy.
Metadata Database
Component titles, descriptions and documents are stored and synchronized through a PostgreSQL-backed backend.
Live Updates
Server-sent events allow metadata changes to appear in the interface without requiring a full page refresh.
Architecture
From 3D interaction to live database synchronization.
Frontend
Three.js, Vite and JavaScript power the interactive browser-based viewer.
REST API
Express endpoints handle authentication, component metadata and documents.
PostgreSQL
Structured project data is stored in relational tables for systems, components and users.
SSE
Live events notify the interface when database records are changed.
Interface
Designed for clarity inside complex systems.
Technology
Full-stack foundation for a real engineering tool.
Three.js
WebGL
JavaScript
Vite
Node.js
Express
PostgreSQL
REST API
SSE
JWT