Course discovery
The complete live catalogue gives learners clear pathways, categories and programme choices.
Learning, built end to end.
Pharmers Academy is a complete online learning system that brings course discovery, enrolment, secure payments, self-paced lessons, assessments, student progress and verifiable certification into one connected platform.
Tech stack
Next.js
React
TypeScript
Tailwind CSS
Supabase
PayFast
Resend
pdf-lib
View live siteNext.jsReactTypeScriptTailwind CSSSupabasePayFastResendpdf-lib
The design direction.
A forest-green learning identity with clear course hierarchy, contrasting light surfaces and direct enrolment actions.
Inside the project.
Every screen below comes from the finished product and shows the feature as it was actually built.
Course detail and enrolment
The live programme page brings outcomes, course structure and enrolment into one complete screen.
Self-paced learning
The real student interface keeps active courses, module progress and continue-learning actions together.
Interface shown with sample records
Plans and payments
The live plans screen explains access options before the secure purchase and enrolment flow.
Assessments and marking
The real marking workspace organises learner submissions, review status and assessment actions.
Interface shown with sample records
Progress tracking
The real learner profile makes course progress and completion visible across enrolled programmes.
Interface shown with sample records
Academy administration
The real administration workspace surfaces enrolment, courses and work waiting for attention.
Interface shown with sample records
Transactional email
The live confirmation experience supports account, enrolment and delivery emails throughout the learning journey.
Learning resources
The complete live books catalogue gives supporting learning material its own clear destination.
Secure learner access
The live sign-in screen gives learners and administrators a focused route into their workspace.
How it’s built.
Solid foundations, chosen for the work this product needs to do.
Next.js separates public pages, student dashboards and administration routes.
Supabase provides authentication, database storage and row-level access policies; payment notifications are processed server-side.
Course and certificate records drive the learner experience, while public pages use timed revalidation to reflect catalogue edits.
More Projects
View all our projects
MFPSSPAEK
Kind words from our clients