Pijar Sekolah Application Series

by Ahmad Khairul Anwar

Project Overview

Pijar Sekolah is a nationwide digital learning platform in Indonesia, designed to support teachers and students with tools such as virtual classrooms, online assignments, computer-based tests, real-time chat, and learning dashboards.

My Contribution

  • Migrated project from monolith to micro frontend architecture, with new features built using Next.js and shadcn/ui for improved scalability.
  • Continuously adopted the latest technologies: upgraded Tailwind CSS (v1 → v3), Webpack (v4 → v5), and migrated from Enzyme to React Testing Library without breaking production code.
  • Maintained unit testing at 80% to comply with SonarQube standards, ensuring production-readiness.
  • Promoted to Project Lead and became maintainer, responsible for overall code quality and release stability.
  • Successfully deployed production builds via CI/CD pipeline using Jenkins, and fixed critical bugs identified by SonarQube under tight deadlines before major releases — achieving SonarQube A-score.
  • Integrated Firebase for real-time chat and notifications, significantly reducing latency and improving user engagement.
  • Implemented a validation function to detect and reject malicious JavaScript injection attempts embedded within uploaded PDF files.
  • Developed interactive charts using React ApexChart, handling edge cases such as empty states, large datasets, and dynamic resizing.
  • Applied performance optimizations: lazy loading, image format conversion to WebP.
  • Leveraged tools like ESLint to detect bottlenecks and fine-tune performance.
  • Implemented Google Analytics (GA) and Microsoft Clarity heatmaps to give the ops team actionable insights for improving promotions and platform usage visibility.
Pijar Sekolah Ahmad Khairul

Project Duration

July 2020 – March 2025

Introduction

After completing a three-month Fullstack JavaScript bootcamp, I joined Tribe Education (Telkom Indonesia) as a Front-End Developer. During my probation period, I was assigned to the Pijar Sekolah project, where I contributed to building scalable features, writing unit tests, and maintaining performance standards.

Upon successfully passing my probation with strong evaluations, I was promoted from entry-level Front-End Developer to Junior Developer. Over the next three years, I continued to grow and take on larger responsibilities—eventually being promoted to Lead Front-End Developer at the mid-level, overseeing development quality and mentoring other team members.

Landing Page (2025)

Lead Front-End Developer

A responsive landing page showcasing Pijar Sekolah’s features, achievements, and user testimonials, with interactive sections and clear CTAs for free trial and subscription. Built with performance and accessibility in mind, optimized for all screen sizes.

Handled layout complexity with high-resolution images, custom Lottie animations (including one I created), lazy loading, and scaling strategies to ensure smooth rendering across all viewports.

Stack: Next.js, Tailwind CSS, shadcn/ui, Lottie

Site: pijarsekolah.id

Computer Based Test (2024)

Lead Front-End Developer

A digital platform similar to Quizizz, designed for users to take exams on desktop, tablet, and mobile. Equipped with automatic remote block options and eight task styles, providing a versatile and secure online assessment environment.

Stack: React.js, Next.js, Tailwind CSS, React Query, React Testing Library, Jest

Site: exam.pijarsekolah.id

Education Analytics Dashboard (2023)

Front-End Developer

Internal dashboard for government and school management to monitor usage, metrics, and student progress. Built with many graphics and charts that required responsive layout optimizations.

Stack: React.js, Tailwind CSS, React Query, React Testing Library, Jest, React-apexchart

School Subscription Dashboard (2022)

Front-End Developer

Internal tool for ops team to manage subscriptions and monitor performance. Features include password reset, centralized exam management, subscription tracking, and acquisition metrics per ops member.

Stack: React.js, Tailwind CSS, React-apexchart, React Query, React Testing Library, Jest

Student Module (2021)

Front-End Developer

Web app for students to access materials, assignments, chat, and payments with Firebase-powered real-time notifications. Fully responsive for all devices.

Stack: React.js, Tailwind CSS, Emotion, Redux Toolkit, React Query, Jest, React Testing Library, Firebase

Site: siswa.pijarsekolah.id

School Information System for Teacher (2020)

Front-End Developer

Core teaching platform with task management, grading, CBT planner, virtual classes, announcements, academic reports, file manager, and third-party integrations including Firebase chat.

Special attention to timezone handling for accurate date-sensitive actions.

Stack: React.js, Tailwind CSS, Emotion, React Query, Jest, React Testing Library, Firebase, Legion-ui, Micro-Frontend

Site: sim.pijarsekolah.id

School Portal (2020)

Front-End Developer

Routing interface for schools, directing teachers to SIM and students to dashboards. Fully responsive across devices.

Stack: React.js, Tailwind CSS, Emotion, Redux Thunk, Jest, Enzyme

Site: portal.pijarsekolah.id

Closing

Working on Pijar Sekolah not only boosted my technical skills in JavaScript, React, and modern tooling, but also helped me grow into a reliable team contributor. I learned how to work in an agile team, manage release stability, and take ownership of features. This experience became a solid foundation for my journey as a professional Front-End Developer.

Tech Used

JavaScript, CSS, Next.js, Node.js, Express.js, React.js, Redux, React Query, React-Hook React Testing Library, Jest, Enzyme, Gitlab, Jira, Vault, Docker, Jenkins, and many more

Let's Connect

Email:
95ahmadkhairul@gmail.com

Website:
ahmadkhairul.github.io