#18 UI Enhancement

[vanshsehgal08]

ISSUE #18 UI & UX Enhancements for Algorithm Visualizer

This PR introduces significant improvements to the Streamlit Algorithm Visualizer, focusing on usability, interactivity, and learning experience. It’s designed to make algorithm exploration more intuitive and beginner-friendly.

---

Key Features

1. User Interface Improvements

• Separated playback controls: Play, Pause, Step, Reset for clearer user interaction.
• Added icons to playback buttons for immediate visual feedback.
• Relocated setup panel to the sidebar for a cleaner layout and easier access to parameters.

2. Random Input Generation

• Introduced a “Generate Random Array” button to quickly test sorting and search algorithms.
• Enables dynamic visualization without manual array input.

3. Home / Dashboard Page

• Added a home page listing all available algorithms.
• Displays algorithm complexities (time & space) for quick reference and learning.

4. UX & Layout Enhancements

• Sidebar dedicated to algorithm setup and controls.
• Main panel for visualization ensures better focus on the algorithm steps.
• Cleaner separation between algorithm selection, parameters, and playback controls.

---

📸 Screenshots

[vanshsehgal08]

Hi @tanishq2520 , just wanted follow up on this PR #35

[tanishq2520]

i have updated my repo , kindly check and try again to fix it

[vanshsehgal08]

Fixed it! However, the step numbers are currently not updating. If I fix this, the image blinks because it reloads the full page, this is an independent issue. You can go ahead and merge this UI.

[vanshsehgal08]

Hey any update ??