Problem
CCNA prep is scattered across PDFs, videos, flashcards, and separate lab tools. Learners need one practice path from concept to command-line recall.
Networking · training app + AI tutor roadmap
CCNA 200-301 Training Guide
An interactive CCNA study workspace with lessons, IOS-style labs, subnet drills, quizzes, bookmarks, progress tracking, and an AI tutor roadmap for adaptive explanations.
Open live appBack to projectsWhat I built
A static browser training app that organizes CCNA domains into lessons, labs, subnet practice, quizzes, saved notes, and a timed mock exam.
Why it is technically interesting
It blends curriculum structure with interactive state: progress, bookmarks, quiz scoring, command practice, and review loops all have to feel fast in a static deploy.
Reliability choices
The app avoids backend complexity for the first version, stores progress locally, and keeps the live training surface available from any browser.
Feature depth
- Domain-based lessons mapped to CCNA 200-301 objectives.
- IOS-style command practice and subnet drills.
- Timed mock exam and quiz feedback.
- Bookmarks, notes, progress tracking, and review loops.
- AI tutor roadmap for explanations, adaptive drills, and weak-area review plans.
AI incorporated
An AI tutor layer can explain wrong answers, generate extra subnetting drills, and adapt review plans based on local progress without replacing the hands-on labs.
This is framed as a responsible assistant layer: it explains its reasoning, keeps the human in control, and avoids pretending mock data is real production data.
Functional architecture
The project is intentionally designed around clear state, inspectable data flow, and safe upgrade paths instead of a thin screenshot-only demo.
ContentLessons and lab prompts map to exam domains and concrete skills.
PracticeQuizzes, labs, subnetting, and glossary review reinforce recall.
StateLocalStorage preserves progress without requiring an account.
TutorFuture AI layer explains mistakes and generates targeted practice.
Next production milestones
MVPLive static React training app with local progress.
AI layerWrong-answer explanation, adaptive drills, and review schedules.
ProductionContent versioning, expanded lab bank, analytics, and exportable progress.
6exam domains
30Qmock exam
Localprogress tracking
AIadaptive tutor roadmap