Skip to content

RahulScripted/Sorting-Visualizer

Repository files navigation

SortLab

SortLab is an interactive web application designed to help users understand and visualize how different sorting algorithms work in real time. Built using React and Tailwind CSS, SortLab offers an engaging way to explore sorting techniques through smooth, dynamic animations.

🚀 Features

  • 🎯 Sorting Algorithm Visualizer: Real-time visual demonstrations of popular sorting algorithms like Bubble Sort, Merge Sort, Quick Sort, Insertion Sort, and more.
  • 💡 User-Friendly Interface: Clean and responsive UI built with Tailwind CSS for an intuitive and seamless experience.
  • 🛠️ Interactive Controls: Customize array size, animation speed, and choose different algorithms to visualize.
  • ⚙️ Built with Modern Tools: Developed using React and styled with Tailwind CSS for fast, efficient, and maintainable development.
  • 🌐 Fully Free to Use: No sign-ups or authentication required. Open and accessible for everyone.

📸 Demo

SortLab

Tech Stack

  • Frontend: React
  • Styling: Tailwind CSS
  • Deployment: Vercel

Installation

To set up the project locally, follow these steps:

  1. Clone the repository:

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

    cd quready
  3. Install dependencies:

    npm install
  4. Start the development server:

    npm start
  5. Open the application in your browser at http://localhost:3000.

Folder Structure

quready/
├── public/          # Public assets
├── src/             # Source files
│   ├── components/  # Reusable React components
│   ├── pages/       # Page-level components
│   ├── styles/      # Tailwind CSS configurations
│  
├── .gitignore       # Git ignore rules
├── package.json     # Project metadata and dependencies
└── tailwind.config.js # Tailwind CSS configuration

Contributing

Contributions are welcome! If you'd like to contribute, please fork the repository and create a pull request with your proposed changes.

  1. Fork the project
  2. Create a feature branch (git checkout -b feature/YourFeature)
  3. Commit your changes (git commit -m 'Add YourFeature')
  4. Push to the branch (git push origin feature/YourFeature)
  5. Open a pull request

License

This project is licensed under the MIT License. See the LICENSE file for details.

Feedback

If you have any feedback, suggestions, or encounter any issues, please feel free to reach out or create an issue in the repository.


Happy coding and good luck with your interviews! 🚀
Made with ❤️ by Rahul Goswami