Developer learning
My Dev Study
A full-stack learning companion for reviewing programming concepts, practicing algorithms with step-by-step visualizations, and tracking study progress.
- Platform
- Web application
- Category
- Developer learning
- Stack
- React · TypeScript · Tailwind CSS · FastAPI · SQLAlchemy · SQLite
Overview
A responsive full-stack web app for reviewing programming concepts, practicing algorithms, and keeping technical knowledge organized in one place. It covers data structures and algorithms, frontend, backend, databases, DevOps, and system design.
Goal
Build a lightweight, practical learning companion that makes it easy to revisit technical concepts, strengthen problem-solving skills, and keep programming knowledge fresh through regular practice.
Key features
- Algorithm visualizer: step through Binary Search and Bubble Sort on your own data, with play, pause, and speed controls
- Structured lessons: topics with explanations, highlighted code examples, and complexity analysis
- Quizzes and review: multiple-choice quizzes with explanations, plus review cards for missed questions
- Coding practice: exercises in a Monaco editor, with reusable code snippets
- Knowledge library: Markdown notes with live preview and tagged code snippets
- Progress tracking: completed topics, quiz accuracy, study streaks, and daily activity
Technical decisions
- React, TypeScript, and Vite front end styled with Tailwind CSS
- TanStack Query for server state and Zustand for theme and preferences
- FastAPI back end with SQLAlchemy and a local SQLite database
- Responsive layout with a desktop sidebar and mobile bottom navigation
- Installable as a PWA, with Recharts for progress charts
Next project
Pokémon Team Builder
A Pokémon PvP team-building platform featuring collection management, custom team creation, AI-powered matchup analysis, and responsive bilingual design.