Algorithm Visualizer 🎯

A modern, interactive tool for visualizing classic algorithms with real-time performance analysis and AI-powered insights.

✨ Features

• Sorting Algorithms

  • Bubble Sort, Quick Sort, Merge Sort, and Heap Sort
  • Real-time visualization of comparisons and swaps
  • Performance metrics tracking
  • AI-powered analysis of sorting efficiency

• Pathfinding Algorithms

  • Dijkstra's Algorithm
  • A* Search
  • Interactive grid with wall placement
  • Real-time path exploration visualization

• Sudoku Solver

  • Backtracking algorithm visualization
  • Step-by-step solution display
  • AI-powered hints and suggestions

🚀 Quick Start

1. Clone the repository:

   git clone https://github.com/yourusername/algorithm-visualizer.git
   cd algorithm-visualizer

2. Install dependencies:

   npm install

3. Set up environment variables:

   cp .env.example .env
   # Add your Gemini API key to .env

4. Start the development server:

   npm run dev

🛠️ Tech Stack

• Frontend: React with TypeScript
• Styling: Tailwind CSS
• AI Integration: Google's Gemini API
• Build Tool: Vite
• Package Manager: npm

🎯 Key Features

Real-Time Visualization

• Step-by-step algorithm execution
• Color-coded states for better understanding
• Adjustable animation speed
• Interactive controls (play, pause, reset)

Performance Analysis

• Comparison counting
• Operation tracking
• Time complexity analysis
• Space complexity measurement

AI Integration

• Smart algorithm recommendations
• Performance insights
• Learning suggestions
• Step-by-step explanations

📱 Screenshots

[Add your screenshots here]

🤝 Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

---

Made with ❤️ and TypeScript