Search Algorithm Simulator

An interactive web app featuring 5 visual simulations of Linear and Binary search algorithms, plus 2 real-life problem simulations. Integrates Star-Command AI chatbot to explain concepts step-by-step.

Live Demo

View Source Code

Key Highlights

AI Chatbot · 5 Simulations · DSA Interactive Tool

5 interactive algorithm visualization modes for Linear and Binary Search
Real-world application simulations for practical computer science learning
Star-Command AI chatbot integrated to explain search logic interactively
Built with vanilla JS and hosted seamlessly on Firebase

Tech Stack & Tools Used

JavaScript

HTML

CSS

Firebase

AI Chatbot

01. Problem

Data structures and algorithms can feel abstract. Students need an intuitive, hands-on visual aid to grasp search efficiency.

02. Design

Designed step-by-step element highlight animations, execution speed controls, and interactive data arrays.

03. Build

Engineered visual array mutations and integrated an intelligent AI chatbot helper for automated dynamic explanations.

04. Outcome

Created an engaging learning application used by peers and instructors to master core DSA concepts.

Outcome

Made DSA concepts easier to understand with interactive visuals and guided explanations.

Demonstrates end-to-end software execution, clean UI polish, and practical problem solving.

Back to Portfolio

MRG.

Initializing Experience...

Back to portfolio

Case StudyFrontendFeb 2026

Linear & Binary Search Visualizer with AI