HanifaFissalmaProjects
Eleven shipped and in-progress systems spanning national-scale government platforms, university admissions, e-commerce marketplaces, and corporate web presence — built across ReactJS, NextJS, ElectronJS, and Laravel.
School Grant Budgeting System
Served as Frontend Engineer bridging real-world spending with approved school budgets. Built with Electron.js to run fully offline — essential for schools in Indonesia's most remote and underserved regions (3T areas). Owned end-to-end testing with Playwright to keep the platform reliable at national scale.
School Spending Mapping System
Led frontend development from zero — from selecting the technology stack to writing unit tests. The platform reconciles items purchased on designated marketplaces against each school's approved budget, closing the loop between planning and actual spend.
Procurement Search Platform & Landing Page
Rebuilt the landing page from the ground up for full responsiveness across devices while elevating the brand's visual identity. Implemented Elastics earch to power fast, reliable search across multiple government-appointed marketplaces.
Spending Monitoring App for Government School Grants
Shipped a steady stream of features tailored to the needs of government supervisors overseeing school spending. Led the team through a full migration from legacy React to React + Vite, introducing unit testing to modernize the codebase.
Incident Monitoring App for Schools
Building a reporting and monitoring platform for serious incidents in schools — including harassment, bullying, and physical altercations — giving authorities visibility to respond faster and safeguard students.
Corporate Website — Construction & Architecture Firm
Built with Next.js with SEO as the top priority, helping the company rank at the top of search results. Owned the deployment pipeline end-to-end, taking the site from local build to a fully public, production-ready website.
Independent Admission Portal, Public University in Jakarta
Worked solo across the full stack — frontend and backend — to build the admission and re-registration system for prospective students applying through the university's independent entry pathway. Designed the entire UI in Figma before writing a line of code.
Training Marketplace, University-Owned Enterprise (Bogor)
Rebuilt the platform with Next.js and Prisma ORM, covering the full user journey — from browsing training programs to registration to automated certificate generation upon completion.
Admin Dashboard for Training Marketplace (Bogor)
Built the internal admin system for managing transactions, financial reporting, employee KPIs, and day-to-day training administration — giving the operations team full control from a single dashboard.
Landing Page, Logistics Company (Jakarta)
Delivered a fully responsive landing page across all breakpoints, engineered with SEO best practices to strengthen the company's organic search presence.
Multi-Role Trucking Logistics Platform
Built a three-sided logistics platform connecting admins, companies seeking trucks, and trucking companies supplying them — designing and shipping features tailored to each role's distinct workflow, from posting freight needs to matching and managing fleet availability, Apart from that, I also created a component library with storybook