Pathfinding Visualizer | React + TypeScript + Tailwind

Pathfinding Visualizer | React + TypeScript + Tailwind | Portfolio Project

Рет қаралды 6,709

Күн бұрын

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: github.com/techprep-gh/pathfi...
Deployed App: pathfinding-visualizer-nu.ver...
Preparing for a technical interview?
👉 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

Пікірлер: 17

@elitegamer8008 17 күн бұрын

thanks for this wonderful tutorial I will be forever grateful

@TechPrepYT 17 күн бұрын

Thank you !!

@elitegamer8008 15 күн бұрын

@@TechPrepYT Hey can base your next project video around an application that uses database and a backend.

@muhammadisa440 10 күн бұрын

Thanks for sharing this :')

@TechPrepYT 7 күн бұрын

No problem 😌

@smsaikat9329 17 күн бұрын

❤❤❤❤

@revanthvenkateswar622 Күн бұрын

This was an amazing tutorial. Thank You for this! But I am not getting any animation. For example, when I select Binary Tree in the maze part, I don't see any live animation, just the end result. Also for example when I click on the play button no animation is appearing. Just a static screen and then the final result (which is correct). But no animation appears. I checked all the tailwind config files. They seem fine. Can anyone help?

@ryomensukuna9513 17 күн бұрын

🎉❤

@Yashhh02 10 күн бұрын

Hey there. What you have built is really great ! I am really amazed. I am a grade 12 student and I am going to start with my BS in computer science and electronics engineering. What things should I do to get this good at CS and programming. I really love the subject and I am willing to put in 100% effort but I don't have someone to tell me a definite path tried searching but I can only search for things i know what about the ones that i dont know I dont know. Help please !

@TechPrepYT 7 күн бұрын

Thanks for the kind comment! It all depends what you want to achieve. Do you want to be able to build apps, do you want to work in big tech, or something else?

@Yashhh02 3 күн бұрын

@@TechPrepYT I want to work at big tech along with it I would also like to consider to be working at High frequency trading firms as well. could you please suggest something sir...

@TechPrepYT 2 күн бұрын

@@Yashhh02 For big tech getting good grades and then interview prep should be your main area of focus. This week we're releasing a Companys section which will cover targeted FAANG company prep. For high frequency trading firms research the specific firm but typically becoming an expert at either Python or C++ is required and the best way to do that is to start writing building projects.