Back to projects

Online school platform

Grani

A student workspace, homework review queue and analytics dashboard for an online school — with four interface styles you can switch live.

Category
Online school platform
Year
2026
Stack
Next.js, React, PostgreSQL, Prisma, Tailwind CSS
Analytics dashboard of the Grani online school

The task

Show what a digital product for an online school looks like from the inside: three roles — student, teacher and school owner — each with its own workspace, while access control, payments and analytics behave like in a real product.

What we did

We built the platform on Next.js 16 with PostgreSQL and Prisma: a student workspace with lessons, progress and homework submission; a review queue for teachers with reply templates and one-click grading; an owner dashboard with revenue, a moving average, a conversion funnel and an activity heatmap; student and LiqPay payment logs. Roles switch in one click, and a customization studio changes the interface style, light or dark theme and the school's brand color live.

Result

The largest project in our lab and our reference for portals and dashboards: every role's access is checked on the server, the interface is bilingual (uk/en) and the layout is responsive down to 320 px.

Mobile home screen of the Grani online school

Mobile version