Graph Dijkstra Algorithm Visualizer 🚀

The Story Behind This Project 😅

This project was created by me (Dragbos) to save the day for my dear friends who were in a bit of a pickle with their final year IT project:

• Jatin Singh
• Shubham Rawat
• Siddhant Saxena

Let's just say they needed a helping hand, and being the awesome friend I am, I swooped in with this Dijkstra Algorithm Visualizer. We've all been there, right? 😉

What This Bad Boy Can Do 💪

• Drop nodes on a canvas like it's hot
• Connect them with weighted edges
• Watch Dijkstra's algorithm do its magic in real-time
• Step-by-step visualization (because who doesn't love a good show?)
• Color-coded nodes that actually make sense

How to Use This Thing 🎮

1. Adding Nodes

   • Hit that "Add Nodes" button
   • Click wherever you want on the canvas
   • Boom! Nodes appear

2. Connecting Stuff

   • Click "Connect Nodes"
   • Pick two nodes
   • Add a weight (because edges need to have some weight, just like us after the holidays)

3. The Important Parts

   • Green node = Start (like Monday morning)
   • Purple node = End (like Friday evening)
   • Red = Where the algorithm's been

4. Make It Work

   • Hit "Start Algorithm"
   • Watch the magic happen
   • Use "Next Step" to see it think
   • "Reset" when you mess up (we all do)

Tech Stuff Because We Need To Look Professional 🤓

• React.js (because we're fancy)
• SVG graphics (smooth like butter)
• Tailwind CSS (for that clean look)
• Dijkstra's algorithm (the real MVP)

Setting It Up 🛠️

# Clone this beauty
git clone https://github.com/drakeRAGE/Graph-Algorithm-Visualizer

# Install the goods
npm install

# Fire it up
npm run dev

The Real MVP 🏆

Shoutout to me for pulling this off! And to my friends - you're welcome! 😎

License 📜

Do whatever you want with it. Share the love!

---

Made with ❤️ (and a lot of coffee ☕) by Dragbos

PS: If my friends are reading this - you owe me one! 🍕