KH
Open navigation menu
Back to work
Abstract blue modular system representing Univerta's shared frontend architecture

Education platform · Frontend architecture

Univerta

A multi-surface education platform covering administration, program operations, instructors, and the student learning experience.

Role

Frontend engineer working mainly across the React dashboards, reusable platform components, API integration, validation, and localization.

Scope

Academic program, course, semester, and work-study administration · Student learning, calendar, lesson, notes, comments, and enrollment workflows · Roles, permissions, authentication, certificate CRUD, and uploads · Shared CRUD tables, form patterns, search, settings, and CSV registration

Team

Three frontend developers, two backend developers, a project manager, QA engineer, and UI/UX designer.

Challenge

Turning complexity into legible state.

Challenge

Several circular dependency chains and messy project imports caused serious development friction, broke hot reload, and affected the built application’s performance.

Approach

We used the Nx project graph to expose the dependency chains. I helped clear and reorganize imports and exports around shared/core libraries, then reinforced the boundaries with stricter ESLint module rules.

Outcome

Hot reload worked again, the dependency graph became easier to reason about, and a teammate-run desktop Lighthouse test under the same conditions moved from 78 to 92.

Selected contributions

  1. 01Implemented major back-office workflows for programs, courses, categories, semesters, work-study, roles, and certificates.
  2. 02Built student-facing program browsing, course details, lessons/live sessions, calendar, completion, notes, and comments.
  3. 03Created reusable CRUD-table UI and hook logic used by teammates across modules.
  4. 04Established a repeatable separation between form presentation and hook/context logic.

Stack

ReactTypeScriptNext.jsNxMUITanStack QueryReact ContextESLint

Continue exploring

Mushaf Eqrra public product presentation showing its Quran reader on desktop and mobile
01AI-assisted recitation · Advanced Quran reader

Mushaf Eqrra

Frontend integration for live recitation sessions, browser audio, verse-level feedback, and a six-language Quran reader.

View case study
Abstract council of connected learning participants around an open book and audio waveform
02Learning operations · Real-time administration

Mutoon Admin

An administration platform built from its initial setup, including live hearing councils, GraphQL workflows, attendance, and certification.

View case study
Abstract radar field connecting media signals, report progress, filters, and analytics
03Media analytics · Long-running reports

Adam Radar

Data-rich dashboards and a resilient custom-report workflow with polling, cancellation, pagination, notifications, and CSV export.

View case study