Bubble Sort Visualizer

Project Description

This project is a Bubble Sort Visualizer developed using HTML, CSS, and JavaScript. It fetches data from the DummyJSON API, displays the values as bars, sorts them using the Bubble Sort algorithm with animation, and sends the sorted data to an API using a POST request.

Features

• Fetches data using GET API
• Displays data as animated bars
• Bubble Sort visualization
• Speed control for sorting
• Displays swap count
• Sends sorted data using POST API
• Uses async/await and try...catch for API handling

Technologies Used

• HTML
• CSS
• JavaScript
• DummyJSON API

API Used

GET Request

https://dummyjson.com/products

POST Request

https://dummyjson.com/products/add

How to Run

1. Download or clone the project.
2. Open the project in VS Code.
3. Run the project using Live Server.
4. Click Generate Data.
5. Click Sort to visualize Bubble Sort and send the POST request.

Author

Chirag