Skip to content
All projects

elearning platform · react, tailwind, rest apis

LearnNova

An e-learning platform built around the part that usually gets neglected: staying with a course to the end.

View on GitHub

Overview

Courses are easy to start and easy to abandon

Structure that carries a learner through

LearnNova organises catalogue, course detail, lesson playback and progress into one React interface. Progress is visible on every screen a learner touches, so picking a course back up after a week never starts with a hunt for where they left off.

How it was built

  1. 01Discovery

    Following one learner end to end

    Rather than designing screens in isolation, the flow was drawn as a single path — browse, enrol, learn, resume — and each screen judged by whether it moved someone along that path or stalled them.

  2. 02Development

    A component system that scales with the catalogue

    React and Tailwind CSS carry a small set of reusable primitives — cards, filters, players, progress — consumed by every view and fed from REST APIs. Adding a course category is a data change, not a new page.

  3. 03Strategy

    Responsive as a requirement, not a pass at the end

    Learners move between phone and laptop mid-course, so every layout was built fluid from the first commit instead of being retrofitted with breakpoints once the desktop view looked right.

Project details

Role
Front-end design and development
Type
Web platform
Stack
React, Tailwind CSS, REST APIs

The Result

A learning interface that stays legible as the catalogue grows, and keeps a learner’s place visible on every screen they land on.

Next projectShiftly

Want something like this built?

Tell me what you have in mind and I will come back with a plan, a timeline and a price.

Start a project