HogieBritamaMayai

01 About Me

I care about how things work, not just how they look.

I'm a Frontend Developer with a strong focus on React and modern web development. Most of my work has involved products with a lot of moving parts, including dashboards, learning platforms, HR systems, and e-commerce applications. I enjoy taking something complicated and turning it into an interface that makes sense to the people using it.

02 What I Do

03 Selected Works

• Plate 01Skills.idEdTechAn LMS built for the Prakerja programme, with separate experiences for students and the teams managing courses and learning content.
  EdTech · Learning Management System — Integrated LMS

  Skills.id is an LMS built to support the Prakerja programme. It has two main sides: an admin panel for managing courses and operations, and a student portal for lessons, quizzes, progress tracking, and certificates.

  1. Used Zustand to keep course and learning progress state manageable across the application.
  2. Built the UI with modular SCSS and shared design tokens so the admin and student sides could stay consistent.
  3. Connected the frontend to REST APIs for lesson progress, enrollment, and certificate flows.

  React.js / Zustand / SCSS / REST API / Vite

• Plate 02Kerja365HR TechA job platform built for both sides of the hiring process. Job seekers can find and apply for jobs while companies manage vacancies and candidates.
  HR Tech · Job Portal — Job Portal Platform

  Kerja365 connects job seekers with companies through one platform. Job seekers have tools for building their profiles and tracking applications, while companies can manage vacancies, review candidates, and move them through the hiring process.

  1. Used Redux to manage multi-step application flows and filter states across search and dashboard pages.
  2. Extended Material UI with custom SCSS to keep the interface aligned with the product's visual identity.
  3. Implemented role-based routing for job seekers, companies, and admins, with protected pages and permission-aware UI.

  React.js / Redux / SCSS / Material UI / REST API

• Plate 03LP3ESE-CommerceA commerce platform connecting sales, subscriptions, POS, inventory, and administration through one system.
  E-Commerce · Commerce Platform — Prisma Ecosystem

  Prisma brings several parts of LP3ES's commerce operations into one system. The platform includes product sales, subscription management, a point-of-sale interface, inventory management, and a central admin dashboard.

  1. Built the frontend with Next.js App Router and TypeScript, with server-side rendering where it made sense for the application.
  2. Extended Ant Design tables and forms to handle inventory workflows and permission settings.
  3. Used Redux to share cart and order state between the POS interface and the main admin dashboard.

  React.js / Next.js / TypeScript / Redux / Tailwind CSS / Ant Design

• Plate 04THS x Skills.idEdTechA homeschooling platform covering enrollment, classes, assessments, and student progress reports for teachers and parents.
  EdTech · Homeschooling Platform — Homeschooling LMS

  Built on top of the Skills.id infrastructure, this platform covers the full academic workflow from student enrollment and class scheduling to assessments and progress reporting for teachers and parents.

  1. Separated student, teacher, and parent state into Zustand slices to keep each part of the application isolated.
  2. Built a progress report generator that turns live API data into printable PDF summaries.
  3. Used modular SCSS and a consistent BEM structure to keep component styles easier to maintain.

  React.js / Zustand / SCSS / REST API

• Plate 05Outsource Management SystemWorkforceAn internal platform for managing outsourced workers, contracts, vendors, and resource allocation in one place.
  Workforce · Procurement Platform

  A centralised platform for managing outsourced workforce procurement. The system covers contract tracking, resource allocation, vendor coordination, and status updates across active engagements.

  1. Built data-heavy table views with server-side pagination, sorting, and filters for contract management.
  2. Customised Material UI date pickers and form components for contract durations, renewals, and SLA tracking.
  3. Added SCSS-based theming on top of Material UI to match the client's branding without changing the underlying component library.

  React.js / SCSS / Material UI / REST API

• Plate 06Human Resource Information SystemEnterpriseAn HR platform covering payroll, tax, attendance, leave, workforce reporting, and employee self-service.
  Enterprise · HR Management

  An HRIS that brings day-to-day workforce operations into one system. The platform includes workforce analytics, payroll and tax calculations, leave and attendance management, and self-service tools for employees.

  1. Used Redux to manage complex payroll state, including the ability to undo and redo changes during payroll corrections.
  2. Worked with Material UI Data Grid to handle more than 1,000 employee records with virtual scrolling, export, and row-level permissions.
  3. Built employee self-service flows for leave balances, payslip history, and document submissions.

  React.js / Redux / Material UI / REST API

04 Experience