How to Use This App
Navigation, the three-state progress tracker, the Review queue, interactive visualizations, and the accessibility controls — a quick tour of everything.
Welcome. This is a self-contained learning environment for becoming a Senior AI Software Engineer. Everything runs in your browser — there is no account, no server, and nothing leaves your device. This page is a two-minute tour so the rest of the path feels obvious.
The shape of the app
On the left is the navigation. Each top-level entry (Python, DSA, AI/ML, System Design, Interview) is a module; click one to expand its lessons. Only one module stays open at a time so the list never becomes overwhelming. You can collapse the whole sidebar to a slim rail with the chevron at the top when you want more reading room.
Across the top is a breadcrumb and a progress ring that shows how many lessons you have engaged with in the current module — your place at a glance.
Track your progress
Every lesson has a status control near the top and bottom of the page with three states:
- Not started — the default.
- Done — you have read it and the idea landed.
- Review — you got the gist but want to come back. Flagging something for Review does not mean failure; it means you are being honest about what needs a second pass.
Your status choices are saved to a real SQLite database living in your browser’s storage. Close the tab, come back next week, and your progress is exactly where you left it.
Interactive visualizations
Many lessons embed an animation you can control directly. Look for the transport bar under a diagram:
- Play / Pause runs or freezes the animation.
- Step forward / back moves one frame at a time — the best way to actually understand an algorithm.
- The scrubber jumps to any point, and the speed buttons (0.5× / 1× / 2×) slow things down when a step is subtle.
Some are interactive beyond playback — you can drag points or generate new inputs. Treat these as toys: poke at them until the pattern is obvious.
Worked problems
Concept lessons include practice problems with a difficulty badge and a collapsible solution. Try to sketch an approach yourself first, then expand Show solution to check your reasoning against a full walkthrough and code.
Make it comfortable
The Display control in the sidebar footer opens a small panel with three settings:
- Theme — light, system, or dark.
- Text size — bump it up if you are reading on a big screen or want less eye strain.
- Motion — turn animations off entirely if they distract you or you prefer reduced motion.
Next up: a short map of how the five modules fit together into one path — and what “senior” actually means for an AI engineer.