# AlgoExplorer

> Step through algorithms, inspect their state, and ask an AI tutor about the frame on screen. Code, explanations, and playback share the same workspace.

- Author: Benjamin Zhuang
- Category: AI learning tool
- Context: Independent product
- Years: 2025–2026
- Stack: React, TypeScript, Vite, Tailwind CSS, Gemini, ChatGPT
- Source: https://github.com/Benjaminnnnnn/algo-explorer
- Web page: https://benjaminnnnnn.github.io/portfolio/algo-explorer/

**Pause an algorithm. See what changed.**

## Key figures

- Frame by frame: inspect each state transition
- Typed: visualization state models
- 2: context-aware AI tutor modes

## Pause before the next step.

Playback controls let you pause, step, and replay the algorithm. The grid keeps the current state on screen.

## Ask about the current frame.

The tutor receives the active frame with your question. Separate services connect the interface to Gemini and OpenAI.

## Check the explanations, too.

Algorithm and browser tests are still on the README roadmap. The tutor also needs checked examples to test its explanations.