Projects2026

Mayumi Cards

Overview

A Japanese flashcard app built around a client-side SRS algorithm. The hard part wasn't the UI — it was tuning the review-interval policy so daily study actually compounds.

Role: Full-stack developer
Context: Independent learning product
Architecture: Local-first browser storage
Status: Live demo available

Results at a glance

Adaptive SRS Review model
Local-first Data storage
CSV Deck import

Problem

Existing flashcard apps are often cluttered, complex, or lack specific features for Japanese learners like built-in kana support. I wanted a study tool that felt calm and inviting, encouraging daily consistency without overwhelming the user with settings.

Approach

I built Mayumi Cards with a 'Japanese Zen' aesthetic in mind, using soft colors and minimalist UI. Key engineering efforts went into the client-side Spaced Repetition System (SRS) algorithm to optimize review intervals. I also implemented a flexible CSV importer to allow users to bring their own decks, and a contribution heatmap to visualize study streaks.

Technology

TypeScript · Next.js · React · Tailwind CSS · Zustand · Framer Motion

Technical decisions

Local-First Architecture

To ensure the app feels instant and works offline, I implemented a robust local storage strategy. Decks and study progress are persisted in the browser, making the app immediately usable without a backend/login requirement for new users.

Zustand for State Management

Used Zustand for managing the global state of decks and study sessions. Its minimal boilerplate compared to Redux or Context implementation allowed for cleaner code and rapid iteration on state-heavy features like the CSV importer.

Tradeoffs

Client-Side Only Persistence

Currently, data lives only in the user's browser (LocalStorage). This simplifies privacy and cost but means progress doesn't sync across devices yet.

Outcomes and lessons

Delivered a local-first flashcard experience with adaptive review intervals and CSV deck import.
Removed the account requirement so a new learner can start immediately and continue offline.
Cross-device synchronization would require an optional backend and account model.

Live project

Related projects

Telecom Churn Prediction

An end-to-end churn analysis for a telecom operator, read as one narrative: EDA to discover the business problem, retention segmentation, an XGBoost risk model, and a 'Renewal Rescue System' proposal — framed through a Philippine/ASEAN market lens.

Read case study View project

Meera

An agentic AI front door for university service desks: concerns arrive in plain language, get parsed and classified, are resolved automatically where possible, and routed to the right team when not. Top 3 of 100+ teams at the KPMG Academic Innovation Challenge.

Read case study

Academic Ally

An agentic study platform: students upload course syllabi and it auto-plans their semester, with built-in focus sessions and integrated task and project management. Powered our Round 1 submission into the top 10 of the KPMG Academic Innovation Challenge.

Read case study

Benkyō

A spaced-repetition Japanese learning platform built for Ateneo's Introduction to Japanese 11 class. Schedules vocabulary reviews around retention patterns and tracks daily study streaks — serving 50 real students.

Read case study View project