Overview Tech Stack Modules Gallery GitHub
Local-First  ·  Node.js  ·  Gemini AI  ·  Three.js

Ocean
OS Platform

A full-stack, real-time ocean health monitoring and conservation management system. Simulate, monitor, and manage operations seamlessly.

View Gallery View Source
4 3D Simulations
5s WebSocket Sync
1 Unified Dashboard
AI Gemini Powered
SCROLL
01 // The Platform

Comprehensive
marine monitoring.

OceanOS is an integrated marine conservation platform bringing together real-time data tracking, predictive modeling, and operational oversight into a single cohesive system.

Built with a local-first architecture, it uses a Node.js backend and a lightweight sql.js database. Data flows seamlessly across clients via WebSockets — changes in the 3D world instantly reflect on the admin dashboard.

The platform features an Admin Dashboard for oversight, a Fisherman App for rewarding local net returns and plastic collection, and advanced Gemini AI Integration for analyzing marine debris and providing intelligent operational advice.

1

Unified 3D Simulation

Real-time visual representation of ocean cleanup booms, drone patrols, and pollution spreads using Three.js.

2

Admin Dashboard

Live metrics, active drone statuses, and collection records updating instantaneously via WebSockets.

3

Fisherman App

Incentive system and reporting app for maritime workers to log debris and earn credits.

4

AI Integration

Gemini 2.5 Flash analyzes uploaded images of debris and powers an intelligent assistant.

02 // Tech Stack

Built for real-time.

A modern web stack chosen for performance, local-first execution, and rich 3D visualization.

Node.js + Express

Robust backend server providing a RESTful API and static file serving across all modules.

WebSockets (ws)

Live event streaming casting updates every 5 seconds to all connected clients seamlessly.

Three.js

WebGL library rendering the standalone and unified 3D ocean and river simulations.

sql.js

In-memory SQLite database persisted to disk, removing all external database dependencies.

Google Gemini AI

Advanced LLM integration for interpreting image data and serving as a smart operations assistant.

Chart.js

Dynamic data visualization used extensively across the Admin Dashboard for statistical tracking.

03 // Modules

Standalone
Simulations.

Individual modules focused on specific aspects of ocean conservation.

Ocean Drone Sim

Autonomous drone patrols scanning for debris and triggering real-time alerts.

Pollution Simulator

Visualizing oil spills and chemical leaks using Canvas 2D particle systems.

River Collector

3D representation of interception nets catching debris before reaching the ocean.

Ocean Cleanup Boom

Simulates large-scale passive collection systems driven by ocean currents.