Sorting Visualizer Tutorial

This project is a tutorial based on Clement Mihailescu's Sorting Visualizer project.

Project Structure

All tutorial-related code is located in the following directories:

• /src/SortingVisualizer – Main component for visualizing sorting algorithms.
• /src/sortingAlgorithms – Implementations of various sorting algorithms.

The SortingVisualizer component is imported and rendered in App.js.

Getting Started

Installation

1. Clone the repository:

   git clone https://github.com/your-username/sorting-visualizer-tutorial.git  
   cd sorting-visualizer-tutorial  

2. Install dependencies:

   npm install  

Available Scripts

npm start

Runs the app in development mode. Open http://localhost:3000 in your browser. The page will reload if you make edits, and lint errors will be shown in the console.

npm test

Launches the test runner in interactive watch mode. See the Running Tests documentation for more details.

npm run build

Builds the app for production, optimizing it for the best performance. The build output will be stored in the build folder.

npm run eject

Note: This is a one-way operation. Once you eject, you can’t go back. It gives full control over configurations but is generally not recommended unless necessary.

Deployment

For deployment instructions, refer to the Create React App deployment guide.

Learn More

• React Documentation
• Create React App Documentation

---

Let me know if you want further refinements! 🚀