Skip to content

Krish-Parekh/Sorting-Vizulaizer

Repository files navigation

Next.js Sorting Algorithm Visualizer

Welcome to the Next.js Sorting Algorithm Visualizer project! This project provides a web-based tool for visualizing various sorting algorithms.

Features

  • Visualize popular sorting algorithms such as:
    • Bubble Sort
    • Selection Sort
    • Insertion Sort
    • Merge Sort
    • Quick Sort
    • Shell Sort
  • User-friendly interface for interacting with the visualization.
  • Responsive design, compatible with various screen sizes.

Getting Started

To get started with the sorting algorithm visualizer, follow these steps:

Prerequisites

  • Node.js and npm installed on your system.
  • Docker installed if you want to run the application using Docker.

Installation

  1. Clone this repository to your local machine:

    git clone https://github.com/your-username/nextjs-sorting-visualizer.git
  2. Navigate to the project directory:

    cd nextjs-sorting-visualizer
  3. Install dependencies:

    pnpm install

Usage

  1. Start the development server:

    npm run dev

    This will start the Next.js development server and you can access the application at http://localhost:3000 in your web browser.

  2. Explore different sorting algorithms and visualize how they work!

Running with Docker

If you prefer to run the application using Docker, follow these steps:

  1. Build the Docker image:

    docker build -t nextjs-sorting-visualizer .
  2. Run the Docker container:

    docker run -d -p 3000:3000 nextjs-sorting-visualizer

    The application will be accessible at http://localhost:3000 in your web browser.

Contributing

Contributions are welcome! Feel free to open issues or pull requests to suggest improvements, report bugs, or add new features.

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors