- Revamped the main product app (luarsekolah.com) using Next.js, TypeScript, and Tailwind to improve maintainability, performance, and technical SEO, increasing Core Web Vitals scores from 10-33 to 60-100.
- Led development of core dashboard for a B2B AI product platform using React, Vite, TypeScript, and TanStack Query/Table, enabling scalable feature development and reusable UI components pattern.
- Evaluated and researched tooling and architectural approaches to support upcoming AI-based features, informing technical decisions for future product iterations.
- Sub-company of Luarsekolah: Led development of interactive multi-page website using Astro, React, Tailwind CSS, and Motion, prioritizing semantic HTML, WCAG accessibility standards, technical SEO, and performance optimization.
- Sub-company of Luarsekolah: Maintained 90-100 Core Web Vitals through performance optimization (critical CSS, script management, JavaScript efficiency) while ensuring keyboard navigation, screen reader support, and accessible components.
About
Dynamic Frontend Developer with 3 years of experience in project-based and product-based development, specializing in crafting user-friendly and visually stunning interfaces across diverse industries. Adept at leveraging modern frameworks like Next.js and React to deliver high-performance, scalable web applications. Committed to continuous learning, contributing to open-source, and pursuing an Informatics degree to deepen technical expertise and drive innovation.
Work
- Maintained and extended an internal analytics dashboard using Next.js, TypeScript, React Query, and Material UI to support data-driven decision-making across internal teams.
- Set up GitLab CI/CD pipelines to streamline build and deployment workflows, reducing manual release effort and improving developer productivity.
- Designed and delivered a 7-week frontend internship curriculum, from Web fundamentals to React and Next.js, with practical assignments. Improving onboarding efficiency and technical readiness of new internship hires.
- Reviewing, providing solutions and suggestions to student's submissions (assignments) in some courses according to the given course target.
- In the courses forum discussion, help answer questions and provide solutions to students from courses who have difficulties, either it is about technical or non-technical.
Volunteer
- Revamped the company profile and CMS using Next.js, TypeScript, Tailwind, and Sanity CMS to improve page load performance and enable non-technical teams to manage blog content from the CMS.
- Developed a role-based waste management dashboard using React, Vite, TypeScript, and TanStack Query/Table to support operational workflows for admins and waste operators, improving coordination with customers.
- Built the CI/CD pipeline and self-hosted GitHub Actions workflows for the entire app stack, including company profile, CMS, and dashboard frontend/backend. Improving deployment speed and reliability.
- Optimized the company profile and CMS build pipeline, reducing build time from ~8-12 minutes to ~4 minutes and improving developer iteration speed.
Education
Skills
Frontend
HTML CSS Accessibility (A11y) WCAG TypeScript JavaScript React Next.js Vite Vue Astro Tailwind Shadcn/ui Chakra UI Ant Design Redux Zustand TanStack Vitest Playwright
Backend
Node.js Express SQL ORM Strapi CMS Python FastAPI OpenAI SDK
DevOps & Tools
Git Figma GitHub Actions GitLab CI Docker Turborepo Moonrepo Linux GCP