Платформа онлайн-школи
Grani
Кабінет студента, черга перевірки домашок і панель аналітики для онлайн-школи — з чотирма стилями інтерфейсу, які перемикаються наживо.
- Категорія
- Платформа онлайн-школи
- Рік
- 2026
- Стек
- Next.js, React, PostgreSQL, Prisma, Tailwind CSS
Задача
Показати, як digital-продукт для онлайн-школи виглядає зсередини: три ролі — студент, викладач і власник школи, — у кожної свій робочий простір, а доступи, оплати й аналітика поводяться як у справжньому продукті.
Що зробили
Зібрали платформу на Next.js 16 з PostgreSQL і Prisma: кабінет студента з уроками, прогресом і здачею домашок; чергу перевірки для викладача з шаблонами відповідей і оцінкою в один клік; панель власника з виручкою, ковзною середньою, воронкою конверсії й тепловою картою активності; журнали студентів і платежів LiqPay. Ролі перемикаються в один клік, а студія кастомізації наживо змінює стиль інтерфейсу, світлу чи темну тему й колір бренду школи.
Результат
Найбільший проєкт лабораторії й наш еталон для кабінетів і дашбордів: доступ кожної ролі перевіряється на сервері, інтерфейс двомовний (uk/en), верстка адаптивна від 320 px.
Мобільна версія