All Projects

A comprehensive list of my technical work and experiments.

Neural Network Visualizer

The Challenge

Understanding backpropagation is intuitive for humans but difficult to visualize in real-time. The goal was to create a tool that renders network weights dynamically without freezing the browser thread.

The Process

I utilized WebGL for rendering the node connections, allowing for 10,000+ interactive elements at 60fps. The state management logic was offloaded to a Web Worker to ensure UI responsiveness. I also implemented a custom shader pipeline to handle the glowing connections efficiently.

  • TypeScript
  • WebGL
  • Rust
Neural Network Visualizer UI

EcoTrack Analytics

The Challenge

Aggregating sensor data from disparate sources into a unified dashboard for municipal energy tracking. Data consistency and real-time alerts were critical requirements from the city council.

The Process

Designed a microservices architecture using Go. Implemented a time-series database (TimescaleDB) for efficient data storage and retrieval. Created a custom React dashboard with D3.js visualizations that update via WebSockets for real-time monitoring.

  • Go
  • TimescaleDB
  • D3.js
EcoTrack Analytics UI

Geometric Portfolio

The Challenge

To create a personal brand that reflects both architectural precision and organic growth. The challenge was to implement complex overlapping geometries without sacrificing semantic HTML or accessibility.

The Process

Leveraged Astro for its zero-JS default to ensure maximum performance. Used modern CSS features like Grid, clamp(), and custom properties to build a responsive design system. The geometric shapes are pure CSS, reducing the need for heavy image assets.

  • Astro
  • CSS3
  • Accesible Design
Geometric Portfolio