Fajar Al Hakim

Architected and built a multi-module internal OMS platform from scratch using Figma specs, consolidating product management, voucher & promo configuration, and end-to-end order processing/validation workflows. Implemented advanced data tables (filtering, sorting, pagination) with TanStack Table, efficient server state with TanStack Query, and global client state with Jotai. Developed a responsive, component-driven UI system with Next.js 14, TypeScript, and Tailwind CSS to accelerate delivery of new operational modules. Also led the Erafone.com UI refactor by migrating the visual system to the new brand identity based on updated Figma, building reusable accessible components (banners, flash deals, category navigation, product grids) while maintaining pixel-perfect fidelity across mobile.

Designed and delivered Dimensi, a client-facing interior space customization application that lets users configure and visualize interior room layouts based on custom dimensions and architectural style preferences. Developed the client-side experience with Vue.js and dynamic state-driven rendering. Engineered RESTful APIs on the backend using Express.js and Node.js for authentication, configuration logic, and data persistence.

Built SunnahLife, an Islamic lifestyle platform from scratch by translating Figma designs into production Vue.js, including real-time prayer countdown, Al-Qur’an browsing (surah & juz), community features, syariah consultation, and property listings. Architected a scalable Vue 3 component system with Pinia, Bootstrap, and REST API integration to enable rapid feature iteration. Also contributed to an internal project/operations management system with backend API integration for data management and reporting, and refactored legacy front-end code for improved performance, maintainability, and responsiveness using Vue.js, Vuex, Pinia, and TypeScript.