A React-based learning interface that turns static curriculum into modular, snackable lessons with a clean, student-first UI.
Timeline
Apr 5, 2022 – Jun 18, 2022
Role
UI/UX Design
Focus
Learning modules & UI
Primary Stack
React.js
TypeScript
Tailwind CSS
Shadcn UICase overview
Built an educational front-end experience with interactive lesson cards and clear subject grouping.
Brief
Eduverse explores how a modern learning interface can make lessons feel lighter and less intimidating. Instead of dumping long blocks of text, content is broken down into focused, card-based lessons that are easy to scan and revisit.
The goal was to design a front-end that could sit on top of different backends or LMS systems, acting as a clean, white-label style shell for schools or courses.
Interaction Model
Each lesson is treated as a small module with a consistent structure: title, key idea, and call-to-action to dive deeper. Components are built as composable units so they can be reused across subjects, grades, or course types.
Layouts are optimized for both desktop and mobile, with responsive grids, clear hierarchy, and smooth transitions to keep learners focused on the content instead of fighting the UI.
Outcome
Eduverse became a solid playground for experimenting with education-focused UX: typography, spacing, and layout choices that make reading long-form content less tiring.
The component-driven approach means new subjects, lesson types, or even a future analytics layer can be added without rewriting the core UI patterns.
