🧠 Intro

Highschool is a personalized flashcard learning system built for students to master knowledge through spaced repetition.

From day one, the product was designed with a UX-first mindset — intuitive, distraction-free, and optimized for both engagement and discoverability. It’s not just a tool, but a habit-forming companion for exam prep.

I am the only frontend development and worked closely with the product team to bring this vision to life, transforming it into a responsive and scalable learning platform.

🧩 Challenge

The target users were high school students — often on mobile, short attention spans, and varied academic levels.

The platform needed to deliver a focused and engaging learning experience while managing thousands of flashcards per subject.

SEO was a key driver for organic traffic, so performance and content discoverability were top priorities.

The spaced repetition engine needed to feel invisible but effective — driving real learning outcomes without complexity.

🔧 What We Did

Built with Next.js + TailwindCSS + Monorepo for fast, responsive, and clean UI on all devices

Implemented FSRS v5 (Free Spaced Repetition Scheduler) — the same cutting-edge algorithm behind Anki — personalized to each user’s memory curve

Designed a distraction-free card interface with smooth review flow and dynamic difficulty scaling

Developed personalized flashcard sets, category filtering, progress tracking, and smart review queues

SEO-first architecture: structured metadata, dynamic sitemaps, server-side rendering, and preload optimization

Integrated analytics to track learning patterns and optimize card scheduling based on user behavior

⚙️ Stack & Tools

Next.js 15 with App Router

React 19, TypeScript, TailwindCSS

FSRS v5 algorithm adapted in TypeScript

Integrated with Backend APIs

🚀 Outcome

Delivered MVP in 4 weeks and launched to beta testers in selected high schools

Reached 1,500+ unique users in the first 3 months organically

Improved average keyword ranking to 1.5 across core topics, driving consistent Google traffic

Flashcard review flow and memory retention rates improved significantly due to FSRS optimization

🎯 What I Learned

Working on Highschool taught me how to design for learning at scale. It’s not just about features — it’s about reducing friction and amplifying focus.

I deepened my understanding of spaced repetition theory, and how modern scheduling algorithms like FSRS can be adapted into elegant frontend logic.

And perhaps most importantly: clarity is the foundation of habit — a clean, calm interface is what makes users come back.

✅ Final Thoughts

Highschool isn’t just another flashcard app. It’s a thoughtfully engineered learning assistant, built to empower students with science-backed memory techniques and a great user experience. I’m proud to have helped lay the groundwork — and excited to see it grow.