- Revamped the main product app (luarsekolah.com) using Next.js (Pages Router), TypeScript, and Tailwind to address growing technical debt and improve long-term maintainability and performance.
- Built the core dashboard for a B2B AI product platform using React, Vite, TypeScript, and TanStack Query/Table, enabling scalable feature development and reusable UI patterns.
- Evaluated and researched tooling and architectural approaches to support upcoming AI-based features, informing technical decisions for future product iterations.
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
- 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.
- Maintained and enhanced internal dashboard and analytics applications, contributing to operational efficiency and data-driven decision-making.
- 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.
Volunteer
- Rebuilt the main app (company profile + 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.
- Dockerized and implemented a self-hosted GitHub Actions CI/CD pipeline on a VPS, accelerating deployments and improving team collaboration.
- Optimized the main app build pipeline, reducing build time from ~8-12 minutes to ~4 minutes and improving developer iteration speed.
Education
Skills
Frontend
HTML CSS SCSS React Next.js Vite Astro React Query Redux Zustand Tailwind Shadcn/ui Chakra UI Material UI Ant Design Mantine Radix Vitest PLaywright
Backend
Node.js Express MySQL PostgreSQL ORM
General
Figma Git JavaScript TypeScript Python Docker GitHub Actions GitLab CI/CD Linux