Pathfinding Visualizer | React + TypeScript + Tailwind | Portfolio Project

Tutorial that goes through every step to create a Pathfinding Visualizer from scratch that includes:

Pathfinding Algorithms: Dijkstra, A*, BFS, DFS
Maze algorithms: Recursive Division, Binary Tree

🔗 Links 🔗
Code: https://github.com/techprep-gh/pathfi...
Deployed App: https://pathfinding-visualizer-nu.ver...

Preparing for a technical interview?
👉 https://techprep.app/yt

⏰ Time Stamps ⏰
0:00 Overview
1:06 Project Setup
3:13 Pathfinding Context
18:09 Tile Context
21:32 Speed Context
24:45 Grid Component Outline
30:56 Tile Component Outline
38:53 Draw Wall Functionality
46:45 Navigation Component Outline
1:02:30 Maze Generation Function
1:11:07 Binary Tree
1:30:49 Recursive Division
1:51:35 Pathfinding Generation Function
1:56:33 BFS
2:07:03 Animate Path Function
2:18:07 Speed Select
2:18:58 DFS
2:27:09 Dijkstra
2:34:23 A-Star

#coding #programming #pathfinding