OmniSense AI: Intelligent Space & Surveillance Dashboard

OmniSense AI is an advanced, high-performance web dashboard combining real-time human detection vision intelligence with deep-space celestial tracking. It features a stunning, state-of-the-art cinematic glassmorphism UI designed for production deployments, serving as a unified intelligence hub.

The architecture is split between a robust WebSocket-driven backend and a blazingly fast Vite+React Phase-1 intelligence interface.

🚀 Key Features

• Real-time AI Vision (Dual Pipeline): Seamless integration of server-side high-fidelity tracking (e.g., YOLO/OpenCV) coupled with an offline browser-based fallback (@tensorflow-models/coco-ssd) utilizing webcam streams to maintain high availability in threat monitoring.
• Cinematic Space Map Simulator: A custom astronomy-engine 3D Canvas layer plotting datasets of thousands of celestial objects, complete with interactive constellations, deep sky targets, and smooth auto-tracking trajectories.
• Environment & Threat Analytics: A dedicated analysis and hazard hub monitoring environmental anomalies, processing OpenWeather API telemetry with an integrated offline simulation fallback system.
• Next-Gen UX/UI: Immersive Iron Man/Jarvis-style glassmorphism interface heavily featuring dynamic DOM and Canvas-based animations via framer-motion for a truly futuristic user experience.
• Highly Optimized React Engine: Efficient state updates bypassing unnecessary React re-renders via precise requestAnimationFrame loops on multi-layered HTML canvases.

💻 Tech Stack

• Frontend Framework: React 19 + TypeScript
• Build System: Vite
• Styling: TailwindCSS V4 + Custom CSS Glassmorphism
• Animations & Rendering: Framer Motion + Native HTML5 Canvas (Hardware Accelerated)
• Astronomy Data: astronomy-engine with rich JSON Catalogs
• Client-side AI: TensorFlow.js (@tensorflow/tfjs + coco-ssd)
• Live Communications: WebSocket architecture with reconnect-resiliency

🛠 Setup & Installation

Follow these steps to deploy your local instance of OmniSense AI:

Prerequisites

• Node.js (v18+)
• NPM or Yarn

Running the Application

1. Clone the repository and navigate to the UI root:

cd OmniEye/frontend

2. Install all dependencies:

npm install

3. Start the development server:

npm run dev

4. Production Build (Optional verification):

npm run build && npm run preview

Resume & Portfolio Description

Senior Full-Stack AI Engineer — OmniSense AI Vision System Architected and developed "OmniSense", a high-performance web-based surveillance and celestial navigation intelligence dashboard. Developed a dynamic, hardware-accelerated UI utilizing React, Framer Motion, and HTML5 Canvas to deliver a cinematic, low-latency display module. Successfully implemented a dual-pipeline computer vision architecture, leveraging TensorFlow.js locally alongside backend streaming endpoints for robust real-time object tracking and threat-level evaluation. Ensured high availability through graceful simulated edge-case fallbacks for external dependencies (OpenWeather telemetry, Sensor APIs).

---

Built with ❤️ utilizing the cutting-edge of the modern web.