+ add visulaizer & algorithms

Author: victorpreston

.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

.gitignore

@@ -0,0 +1,36 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

README.md

@@ -0,0 +1,40 @@
+## Sorting Visualizer
+
+![preview](/public/preview.png)
+
+## Overview
+
+This sorting visualizer is a tool designed to help users understand and visualize various sorting algorithms in action. It provides a graphical representation of how different sorting algorithms rearrange elements in a list to achieve a sorted order.
+
+## Supported Sorting Algorithms
+
+- Bubble Sort
+- Selection Sort
+- Quick Sort
+- Insertion Sort
+- Merge Sort
+
+## How to Use
+
+1. **Select Algorithm:** Choose one of the supported sorting algorithms from the dropdown menu.
+2. **Generate Data:** Click on the "Generate Data" button to create a new random list of elements to be sorted.
+3. **Visualize Sorting:** Click on the "Sort" button to see the chosen algorithm in action, sorting the generated list.
+4. **Speed Control:** Adjust the speed slider to control the speed of the visualization.
+5. **Reset:** Click on the "Reset" button to reset the visualization.
+
+## Key Features
+
+- Interactive visualization of sorting algorithms.
+- Option to choose from a variety of sorting algorithms.
+- Adjustable speed for better understanding.
+- Easy reset option to start over.
+
+## Future Improvements
+
+- Adding more sorting algorithms.
+- Enhancing user interface and experience.
+- Providing additional customization options.
+
+## Contribution
+
+Contributions are welcome! If you want to contribute to this project, feel free to fork it and submit a pull request with your changes.

next.config.mjs

@@ -0,0 +1,4 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {};
+
+export default nextConfig;