Welcome to My Portfolio

Interactive JavaScript Projects

I'm a developer passionate about creating interactive web experiences. Below are three projects I've been working on, showcasing different aspects of JavaScript development, algorithms, and data visualization.

🗺️

Pathfinder

Interactive graph theory game with pathfinding algorithm visualizations

View Project →
🚴

Snackfinder

Cycling route analysis tool for finding amenities along your path

View Project →
🌌

Universe

N-body physics simulation of celestial bodies with interactive controls

View Project →

Pathfinder: Graph Theory Game

Interactive pathfinding visualization and algorithm comparison

About

Pathfinder is an educational web game that teaches graph theory through interactive gameplay. Players manually find shortest paths between nodes and compare their performance against visualized algorithms including Dijkstra's, A*, BFS, and DFS.

Features

  • Explore Mode: Manually navigate through randomly generated graphs
  • Race Mode: Compete against algorithms in real-time
  • Compare Mode: Side-by-side comparison of multiple pathfinding algorithms
  • Algorithm Visualization: See how different algorithms explore the graph
  • Performance Metrics: Track distance, time, and nodes visited

Technologies

JavaScript Canvas API ES6 Modules Graph Theory Pathfinding Algorithms
Open in Full Screen

Snackfinder: Cycling Route Analysis

Interactive map tool for finding amenities along cycling routes

About

Snackfinder analyzes cycling tracks (GPX files) to find points of interest like vending machines, cafes, and other amenities along the route. It calculates detour distances and provides an interactive map visualization with customizable search parameters.

Features

  • GPX Track Analysis: Load and visualize cycling routes
  • POI Detection: Find amenities within a configurable buffer distance
  • Detour Calculation: Calculate round-trip distances to each POI
  • Interactive Map: Leaflet.js map with color-coded detour distances
  • Deduplication: Remove nearby duplicate POIs
  • Reference Table: Detailed table with Google Maps links

Technologies

JavaScript Leaflet.js Turf.js GeoJSON Geospatial Analysis
Open in Full Screen

Universe: N-Body Physics Simulation

Interactive solar system simulation with realistic physics

About

Universe is a real-time n-body physics simulation that models gravitational interactions between celestial bodies. Users can create custom solar systems, adjust physical parameters, and observe realistic orbital mechanics.

Features

  • N-Body Physics: Realistic gravitational force calculations
  • Interactive Controls: Adjust speed, zoom, gravity, and physics modes
  • Collision System: Multiple collision modes (merge, elastic, inelastic)
  • Body Editor: Click on bodies to edit mass, velocity, position, and color
  • Moon Creation: Create moons orbiting planets
  • Visualization: Acceleration vectors and moon connection lines

Technologies

JavaScript Canvas API Physics Simulation N-Body Problem Real-time Rendering
Open in Full Screen