Sortify7 is a sorting algorithm visualization tool built with React. It allows you to visualize various sorting algorithms in action, helping you understand how they work and compare their performance.
- Visualize popular sorting algorithms such as Bubble Sort, Quick Sort, Merge Sort, and more.
- Adjustable animation speed to control the visualization playback.
- Select different sorting algorithms from a dropdown menu.
- Reset button to reset the array and animation.
- Responsive design for use on different screen sizes.
To run Sortify7 locally, follow these steps:
- Clone this repository:
git clone <repository-url> - Navigate to the project directory:
cd sortify7 - Install dependencies:
npm install - Start the development server:
npm start - Open your browser and visit:
http://localhost:3000
- Select a sorting algorithm from the dropdown menu.
- Adjust the animation speed using the slider.
- Click the play button to start the visualization.
- Click the reset button to reset the array and animation.
Contributions are welcome! If you'd like to contribute to Sortify7, please follow these steps:
- Fork this repository
- Create a new branch:
git checkout -b feature-name - Make your changes
- Commit your changes:
git commit -am 'Add new feature' - Push to the branch:
git push origin feature-name - Submit a pull request
This project is licensed under the MIT License.
For any inquiries or feedback, feel free to reach out to the project maintainer:
- Omar Abi Farraj
- Website: omar7tech.com
- Email: omar7tech@gmail.com
- GitHub: github.com/omar7tech
This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.