🌟 Algorithm Visualizer

📋 Table of Contents

• Introduction
• Features
• Technologies Used
• Available Algorithms
• Getting Started
  • Prerequisites
  • Installation
• Usage
• Deployment
• Contributing
• License
• Acknowledgements

🚀 Introduction

Welcome to Algorithm Visualizer – a web application designed to showcase various algorithms and data structures, providing a dynamic and visually engaging experience. This project is built with Next.js and Tailwind CSS.

🎨 Features

• Interactive Visualizations: Explore and understand different algorithms through interactive visual representations.
• Modern UI/UX: Built with Next.js and Tailwind CSS for a sleek and responsive design.
• Educational Tool: Perfect for students and educators to learn and teach algorithms.

🛠️ Technologies Used

• Frontend Framework: Next.js
• Styling: Tailwind CSS
• Deployment: Vercel

📚 Available Algorithms

Sorting Algorithms

• Bubble Sort: A simple comparison-based algorithm that repeatedly steps through the list, compares adjacent elements, and swaps them if they are in the wrong order.
• Merge Sort: An efficient, stable, comparison-based, divide and conquer sorting algorithm.
• Quick Sort: An efficient, in-place sorting algorithm that in practice is faster than MergeSort and HeapSort.

Searching Algorithms

• Binary Search: A fast search algorithm that works on sorted arrays by repeatedly dividing the search interval in half.
• Linear Search: A basic search algorithm that checks every element in the list until the desired element is found.

Graph Algorithms

• Dijkstra's Algorithm: An algorithm for finding the shortest paths between nodes in a graph.
• A Search:* A graph traversal and path search algorithm that is often used in many fields of computer science due to its performance and accuracy.

📦 Getting Started

Prerequisites

Make sure you have the following installed:

• Node.js (v14 or later)
• npm (comes with Node.js) or yarn

Installation

1. Clone the repository:

   git clone https://github.com/koitran14/Algorithm-Visualizer.git
   cd Algorithm-Visualizer

2. Install dependencies:

   npm install
   # or
   yarn install

3. Run the development server:

   npm run dev
   # or
   yarn dev

4. Open http://localhost:3000 in your browser to see the result.

🚀 Deployment

Deploy the app on Vercel:

1. Create a Vercel account and install the Vercel CLI:

   npm install -g vercel

2. Deploy the app:

   vercel

🤝 Contributing

We welcome contributions! Follow these steps to contribute:

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

📝 License

This project is licensed under the 0BSD License – see the LICENSE file for details.

🌟 Acknowledgements

Special thanks to the creators of Next.js and Tailwind CSS for their amazing tools. This project was inspired by the need for better educational resources in the field of computer science.

Happy Coding! ✨