KEY FEATURES
-
AI-powered quiz generation from any study material using Claude API
-
Instant 5-question multiple choice quizzes from pasted text
-
Smart question navigation with progress tracking
-
In-app confirmation modals (no browser alerts)
-
Results page showing all choices with correct/incorrect feedback
-
Mobile-responsive design
HOW I BUILT THIS
Inspiration After watching Lenny's Podcast episode featuring Zevi Arnovitz (Meta PM) discussing how non-technical PMs can build apps using AI tools, I decided to build my own version of his StudyMate quiz app in a single day.
Tech Stack
​
-
Frontend: Vanilla HTML, CSS, JavaScript
-
Backend: Python (Flask)
-
AI: Claude API (Anthropic)
-
Deployment: Render
-
Code Editor: Cursor (AI-assisted IDE)
​
My Process
I used a "Claude CTO" approach - creating a Claude project with custom instructions to act as an opinionated technical advisor. Before writing any code, I'd consult the CTO on architecture decisions, which helped me avoid rabbit holes and make smart tradeoffs.
Challenges Solved
​
-
CORS issues: Browsers block direct API calls for security. Built a Python proxy server to handle API requests.
-
API key security: GitHub blocked my push when it detected an exposed key. Learned to use environment variables for secrets.
-
Deployment: Learned the difference between static hosting (GitHub Pages) and platforms that run server code (Render).​
​
​