Seun1358/Bubble_Sort

Algorithm Name: Bubble Sort

Demo screenshot:

This project is a simple web app that shows the step-by-step process of the Bubble Sort algorithm. It takes a list of numbers and displays each step of the sorting process so users can clearly inderstand how the algorithm works.

How it works:

1. 1.User enters numbers separated by commas
2. 2.The app runs Bubble Sort on provided numbers.
3. 3.Every time two numbers are compared and swapped, the step is saved.
4. 4.All steps are shown in the output box.

Computational Thinking Breakdown

1. 1.Decomposition:
2. 2.input numbers
3. 3.compare and swap
4. 4.Save each step
5. 5.Display result
6. 6.Pattern Recognition:
7. 7.Repeated comparison of adjacent values
8. 8.Swapping when left > right
9. 9.Fewer comparisons on each pass
10. 10.Abstraction:
11. 11.The user does not need to know how sorting works internally
12. 12.They only provide input. The algorithm handles everything
13. 13.Algorithm Design:
14. 14.User enter numbers
15. 15.Turn into a list of integers
16. 16.Perform bubble Sort
17. 17.Save the list after each pass
18. 18.Display every step

Steps to Run

Local Run:

1. 1.pip install gradio (to install gradio)
2. 2.python app.py (to run the app)
3. 3.A browse window will open automatically.

Using the app:

1. 1.Type numbers separated by commas
2. 2.Click "Run Sort"
3. 3.The app will show each Bubble Sort step

Hugging face link

https://huggingface.co/spaces/Seun1358/Bubble_Sort

Author & Acknowledgment

Author: Saeeun Park This project was created for the CISC121 Final Project.