/DSA-Visualizer

It contains various algorithms related to sorting, graphs, trees, and General problems.

Primary LanguageJavaScript


DSA Visualizer

This project is a DSA Visualizer built with React. It contains various algorithms related to sorting, graphs, trees, and General problems.

Report Bug · Request Feature

Table of Contents
  1. About The Project
  2. Features
  3. Usage
  4. Contributing
  5. Contact
  6. Acknowledgments

About The Project

This project is a DSA Visualizer built with React. It contains various algorithms related to sorting, graphs, trees, and General problems. The project provides a visual interface to help users better understand how these algorithms work.

Team - shivam6862

(back to top)

Built With

(back to top)

Getting Started

So as to run our project locally, you need to follow the steps below.

Installation

  1. Clone the repo 
    git clone https://github.com/shivam6862/DSA-Visualizer.git
  2. Install NPM packages on both backend and frontend folders 
    npm install
  3. Run the project in frontend using 
    npm run dev
  4. You can now view the project at http://localhost:3000

(back to top)

Features

The DSA Visualizer project includes the following features:

  • Sorting Algorithms: Visualize how various sorting algorithms work, including Bubble sort, Insertion sort , Selection sort , Quicksort, and Mergesort.

  • Graph Algorithms: Create and visualize graphs and apply algorithms such as Breadth first search , Depth first search , Minimum cost path, Dijkstra's algorithm to find the shortest path between two nodes.

  • Tree Algorithms: Visualize and understand how trees work, PreOrder , Inorder , and PostOrder traversal .

  • Equation Solver Algorithms: Input equations and solve them using different techniques.

  • N-Queens Problem Algorithms: The visualization tool will show all the possible solution to the N-Queen problem using a backtracking algorithm.

  • Minesweeper Game: The objective of the game is to clear a minefield without detonating any mines. The game can be played by clicking on squares to flag them, and avoiding mines.

  • Game2048: The game's objective is to slide numbered tiles on a grid to combine them to create a tile with the number 2048.

(back to top)

Usage

To use the DSA Visualizer, simply select the algorithm you wish to visualize from the navigation bar. Follow the instructions to input data or choose a preset input, then click "Visualize" to see the algorithm in action. You can also pause, play, or reset the animation as needed. Overall, your DSA Visualizer project is a great resource for students and developers who want to learn more about data structures and algorithms.

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

(back to top)

Contact

Linkedin - @shivam-kumar

Project Link: https://github.com/shivam6862/DSA-Visualizer

(back to top)

Acknowledgments

Use this space to list resources you find helpful and would like to give credit to. I've included a few of my favorites to kick things off!

(back to top)