🌟 Algolizer

Algolizer is a full-stack web application designed to visualize and explore various algorithms. With an interactive platform, users can dive into sorting and graph algorithms, view detailed visualizations, and control the algorithm execution to gain a deeper understanding.

🚀 Features

Frontend:

• Built with React, TypeScript, JavaScript, HTML, and CSS.

Backend:

• Powered by Node.js.

API Library:

• Utilizes Axios for API interactions.

Algorithms Visualized:

• Graph Algorithms:

  • Depth-First Search (DFS) 🕵️‍♂️
  • Breadth-First Search (BFS) 🔍
  • Dijkstra's Algorithm 🚦

• Sorting Algorithms:

  • Bubble Sort 💧
  • Quick Sort ⚡
  • Insertion Sort ✨
  • Selection Sort 🏆
  • Heap Sort 🏰

User Controls:

• Reset 🔄
• Speed Up ⏩
• Pause ⏸️
• Resume ▶️
• Auto Generate 🔄
• Manual Generate 🛠️

Additional Screens:

• Info Screen: Provides detailed information about the algorithm, including pseudocode and additional references. 📚
• Complexity Screen: Explains algorithmic complexity and its significance. 📊

📸 Screenshots

Split Screen

Sort Screen

Graph Screen

Info Screen

Complexity Screen

🌐 Live Demo

You can check out the live version of Algolizer at Live Demo.

🛠️ Installation

1. Clone the repository:

git clone https://github.com/yourusername/algolizer.git
cd algolizer

2. Frontend Setup:

• Navigate to the frontend directory:

cd frontend

• Install dependencies:

npm install

• Start the frontend:

npm run dev

3. Backend Setup:

• Navigate to the backend directory:

cd ../backend

• Install dependencies:

npm install

• Start the backend:

npm run dev