GET IN TOUCH
← All work

Digital product / web development

Knowledge Learning

A digital learning platform connecting discovery, study, progress and certification.

Scope
Digital Product · Web Development
Focus
Product Design · E-learning
Role
Design · Front-end · Back-end
01 / Overview

From discovery to certification.

Knowledge Learning brings discovery, purchasing, learning, progress tracking and certification into one connected platform.

Learners move through a clear sequence, supported by administration for users, purchases, validations and certifications.

Knowledge Learning course catalogue with course categories and cards
02 / Experience

One continuous learning journey.

  1. 01

    Discover

    Explore available courses.

  2. 02

    Join

    Create an account and enter the platform.

  3. 03

    Learn

    Purchase a course and access its lessons.

  4. 04

    Progress

    Validate lessons and follow progress.

  5. 05

    Certify

    Complete the curriculum and receive a certificate.

03 / Product system

Built as a system.

Users, courses, lessons, purchases, validations and certifications are managed as connected parts of one application.

  • Account creation and email activation
  • Secure authentication and password reset
  • Course catalogue, purchase and automatic content access
  • Lessons, validations and progress tracking
  • Purchase and certification history
  • Administrator dashboard and user role management
  • Administration of users, purchases, validations and certifications
  • Automated emails
Knowledge Learning learner account profile and security settings
04 / Responsive

Built to move.

Interface designs for desktop, tablet and mobile.

Knowledge Learning responsive experience across MacBook, iPad and iPhone
05 / Technology

Under the interface.

01

Front-end

HTML5 · CSS3 · JavaScript

02

Back-end

Node.js · Express.js · REST API

03

Data

PostgreSQL · Supabase

04

Authentication

Supabase Auth · JWT

05

Testing

Jest · Supertest

06 / Architecture

A connected architecture.

  1. 01Interface
  2. 02REST API
  3. 03Business logic
  4. 04Database
  • Authentication
  • User roles
  • Courses
  • Lessons
  • Purchases
  • Progress
  • Certification
07 / Security

Built with access in mind.

Email verification · JWT validation · Protected routes · Role-based access · Server-side validation

Identity · Access · Validation
Knowledge Learning learner account interface
Account / Profile ↗
08 / Testing

Built. Then verified.

Automated checks
  • Authentication
  • Purchases
  • Validation
Manual validation
  • Functional testing
  • Responsive testing
09 / Result

A connected learning product.

Course discovery, learning, progress and certification sit within one platform, with administration supporting the experience.