01 Interactive study
Project Constellation
Follow the technologies and practices that connect my projects.
7 projects 27 nodes
How this works
Simulation engine: Rust → WebAssemblyInterface: React
The optional Rust/WebAssembly view brings these connections to life. All project relationships are also listed below.
React provides the labeled buttons, keyboard interaction, focus, and project links. Rust runs through WebAssembly to position the nodes and find the shortest connection between two selections.
Connections come from the portfolio’s project data. A path follows shared technologies and practices; it does not mean the projects depend on one another.
Keeping traversal and position updates in one tested Rust model makes the computational boundary clear. JavaScript owns the page and its accessibility; this small graph does not imply that WASM is always faster.
Motion pauses when you explore a node or find a connection. Small screens, enlarged text, and reduced-motion preferences use a still layout. The project relationships below remain available if JavaScript or WebAssembly cannot load.
Behind the connections
The projects that make up the map. Open a case study for the story, decisions, and limitations behind the work.
Sprout
Technologies
- JavaScript
- PWA
- Express
- MongoDB
- Node.js
- React
- Vite
Engineering practices
- Testing
- APIs
- Accessibility
- Continuous integration
Kitchen Inventory
Technologies
- JavaScript
- React
- Vite
- Airtable
- Vitest
Engineering practices
- Testing
- APIs
- Continuous integration
Color Compass
Technologies
- JavaScript
- React
- Vite
- Groq
- OpenAI
Engineering practices
- APIs
Drawer Count
Technologies
- JavaScript
- Web Components
- PWA
- Service Workers
CTD Todo App
Technologies
- JavaScript
- React
- Airtable
- Vite
- Vitest
Engineering practices
- Testing
- APIs
- Accessibility
- Continuous integration
Swing or Cast
Technologies
- Rust
- WebAssembly
- Web Components
- Axum
- MongoDB
Engineering practices
- Testing
Daily Tasks
Technologies
- JavaScript