A 3D pathfinder. Select a start and end point and choose an algorithm to find the shortest path between the two points.
Newer version Live Demo
app-preview.mp4
Previous version Live Demo
v2-demo.mp4
pnpn i && pnpm dev
Typescript, React, Vite, Valtio, Tailwind, Three.js, React Three Fiber, React Three Drei
- Persistent local storage
- Customizable size
- 3D experience with three.js
- Multiple algorithms
- Make setting resizable
- Sync with local storage
- If it has been a few seconds since the last user interaction, start slowly rotating the cube
- Make notification system for error reporting like "start end needs to be set before running algorithm"
- Look into violations - Added non-passive event listener to a scroll-blocking 'wheel' event.
- Add react compiler
- Dismiss btn inside toast
- Add bounds to draggable settings
- Add sound
when moving cursor along the nodes - Hide/Unhide settings
- Add animations
- Link to v2 (prev website)
- Make settings draggable on mobile with touch
- Optimize size to reduce chunks that exceed 500KB