Sorting Visualizer Tutorial (software engineering project)

This video is a tutorial of my Sorting Visualizer project, which visualizes the Merge Sort algorithm. This is a great software engineering project to add to your resume.

Timestamps for this video:
0:00 - Magic to blow your minds
0:23 - Introduction
1:37 - The scope of this tutorial (i.e., what we're building exactly)
2:54 - Spoiler (disclaimer)
3:19 - Continuation of the scope of this tutorial (i.e., what we're building exactly)
4:35 - Setup
6:01 - *Tutorial*
36:19 - Summary of tutorial
39:45 - Conclusion

[clem]

Animating Merge Sort was way harder than I remembered it to be! Here are timestamps and useful links for the tutorial:

0:00 - Magic to blow your minds
0:23 - Introduction
1:37 - The scope of this tutorial (i.e., what we're building exactly)
2:54 - Spoiler (disclaimer)
3:19 - Continuation of the scope of this tutorial (i.e., what we're building exactly)
4:35 - Setup
6:01 - *Tutorial*
36:19 - Summary of tutorial
39:45 - Conclusion

[srijansankrit]

Thanks for making the tutorials on your projects, Really appreciate your efforts.

[MicheleTurchiarelli]

Clement I'm glad to notice that you not only are a skilled software engineer, but your explanations are impeccable, and this makes you a great teacher too. Like button smashed!

[ethandavidson]

Oh my goodness I just started making one of these myself because I was inspired by your path finding visualizer. I used react, typescript, and sass.

[HemstitchedIrony]

at 9:50 to center the bars vertically you can make the .array-container { height: 100vh; display: flex; align-items: center; }

[ryuseiQ]

This is SUCH A COOL PROJECT!!! It covers a lot in order to prep for interviews and also build an APP. THANK YOU!!!

[vladimirkim]

This video will definitely help some people land a job. Thank you so much!

[zadilkhwaja]

I like the fact that these aint fancy projects just simple and good

[luckyloops]

I got a good job because of your project

[ziat]

This is the best of the best. We learn a lot from this direct coding.

[ArindamPaul]

Align anything to center. .container { display: flex; } .centered-item { justify-content: center; align-items: center; }

[mattmidtvedt]

I made this myself after watching your “projects that got me into google” for some interviews. Now that the information is out for this, I feel less accomplished! Still a great video though! Hahahaha

[legendry]

This is one of the best things I've ever seen Man! Its awesome! Thanks for the tutorial!🤟

[shikhabrahmachari]

You are truly an inspiration. I was able to make the other sorts myself after this video. Thank you :)

[aspektgaming]

Thanks for sharing, I've been binging your videos and I've found them all super helpful

[kalahari]

Haven't watched the whole video but the spoiler alert made me feel less shitty ❤️🙃

[createvmir]

Gosh... I love that sound of cards flitting...Teach us your tricks as well!

[HansNiemann]

24:52, You call that cheating, we do it every time 😀😀😀😀😀😀😀😀😀

[adammomen]

Forked the project, can't wait to start digging. :D

[Alfram]

I low key just want card tutorials lol