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.

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

• Powered by Node.js.

• Utilizes Axios for API interactions.

• 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 🏰

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

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

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

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