An open API service indexing awesome lists of open source software.

https://github.com/ssulaimanw345/algorithm-analyzer-react


https://github.com/ssulaimanw345/algorithm-analyzer-react

algorithms bubblesort mergesort reactjs

Last synced: 28 days ago
JSON representation

Awesome Lists containing this project

README

          




Project Banner


react.js
tailwindcss

An Algorithm Analyzer

## 🤖 Introduction

Built with React.js and styled with TailwindCSS, the Algorithm Analyzer is a dynamic tool for visualizing and understanding algorithm execution. It supports 10+ algorithms, allows step-by-step control, speed adjustments, and seamless .txt file uploads, making learning and analysis more interactive. 🚀

## ⚙️ Tech Stack

- Node.js
- React.js
- Tailwind CSS

## 🔋 Features

👉 Flexible Input Handling: Upload a .txt file with comma-separated numbers or enter data manually to run algorithms effortlessly.

👉 Diverse Algorithm Support: Execute and compare 10+ sorting algorithms with real-time visualization.

👉 Interactive Controls: Step through execution with Stop/Forward buttons, adjust speed, and analyze every stage dynamically.

## 🤸 Quick Start

Follow these steps to set up the project locally on your machine.

**Prerequisites**

Make sure you have the following installed on your machine:

- [Git](https://git-scm.com/)
- [Node.js](https://nodejs.org/en)
- [npm](https://www.npmjs.com/) (Node Package Manager)

**Cloning the Repository**

```bash
git clone https://github.com/SSulaimanW345/algorithm-analyzer-react.git

```

**Installation**

Install the project dependencies using npm:

```bash
npm install
```

**Running the Project**

```bash
npm run dev
```