https://github.com/shivam6862/dsa-visualizer
It contains various algorithms related to sorting, graphs, trees, and General problems.
https://github.com/shivam6862/dsa-visualizer
dsa-algorithm equation-solver game2048 graph-algorithms minesweeper-game nqueens-problem reactjs sorting-algorithms tree
Last synced: 3 months ago
JSON representation
It contains various algorithms related to sorting, graphs, trees, and General problems.
- Host: GitHub
- URL: https://github.com/shivam6862/dsa-visualizer
- Owner: shivam6862
- Created: 2023-04-03T20:57:17.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2023-06-25T14:59:53.000Z (about 2 years ago)
- Last Synced: 2025-01-29T15:50:18.602Z (5 months ago)
- Topics: dsa-algorithm, equation-solver, game2048, graph-algorithms, minesweeper-game, nqueens-problem, reactjs, sorting-algorithms, tree
- Language: JavaScript
- Homepage:
- Size: 1.62 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
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
## 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`
### Built With
- [react-url]
- [VisualStudioCode-url]
## Getting Started
So as to run our project locally, you need to follow the steps below.
### Installation
1. Clone the repo
```sh
git clone https://github.com/shivam6862/DSA-Visualizer.git
```
2. Install NPM packages on both backend and frontend folders
```sh
npm install
```
3. Run the project in frontend using
```sh
npm run dev
```
4. You can now view the project at `http://localhost:3000`
## 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.
## 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
## Contact
Linkedin - [@shivam-kumar](https://www.linkedin.com/in/shivam-kumar-14701b249/)
Project Link: [https://github.com/shivam6862/DSA-Visualizer](https://github.com/shivam6862/DSA-Visualizer)
## 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!
- [GitHub Pages](https://pages.github.com)
- [MongoDb](https://www.mongodb.com/)
[react-url]: https://reactjs.org/
[react.js]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB
[visualstudiocode-url]: https://code.visualstudio.com/