AlgoSketch

AlgoSketch is an algorithm visualizer application built using Next.js. This project provides visual representations of various sorting and path traversal algorithms, helping users to understand and explore their working principles.

Technologies Used

• Frontend: Next.js
• Styling: Tailwind CSS
• State Management: Redux

Features

Sorting Algorithms

• Merge Sort: Visualizes the divide-and-conquer approach of merge sort.
• Quick Sort: Demonstrates the partitioning process of quick sort.
• Selection Sort: Shows the selection and swapping process.
• Insertion Sort: Illustrates the process of building the sorted array one item at a time.

Path Traversal Algorithms

• Depth-First Search (DFS): Visualizes the backtracking method of DFS.
• Breadth-First Search (BFS): Demonstrates the level-order traversal of BFS.
• Dijkstra's Algorithm: Shows the shortest path algorithm using a priority queue.

Additional Algorithm

• Sieve of Eratosthenes: Visualizes the ancient algorithm to find all primes up to a given limit.

Live

• Netlify : https://algosketch.netlify.app
• Render : https://algosketch.onrender.com
• Docker Hub : https://hub.docker.com/r/shikhar7585/algosketch

Installation

Clone the repository

git clone https://github.com/Poseidon0070/AlgoSketch

Install dependencies

• cd AlgoSketch
• npm install

Start development server

• npm run dev

Start production server

• npm run build
• npm start

Using Docker

git clone https://github.com/Poseidon0070/AlgoSketch

Navigate to the project directory

• cd AlgoSketch

Build and start the Docker container using Docker Compose

• docker compose up --build