Web Development with Progressive Enhancement
Implementing progressive enhancement in web development to improve backward compatibility and accessibility for your beloved website.
1/11/20248 Minute Reading Time
Alfan
Jauhari
Alfan
Jauhari
A passionate Product Engineer. I build pixel-perfect interfaces and scalable systems for everyone.
Tulungagung, ID
06° 12' S, 106° 49' EMethodology
01
Discovery
Understanding constraints, user needs, and business goals.
02
Strategy
Defining the architecture, tech stack, and design system.
03
Build
Iterative development with a focus on performance and accessibility.
04
Refine
Polishing interactions, optimizing assets, and ensuring quality.
Featured Works
Explore Case Study
2024
Global Capacity Building Coalition
A high-impact global coalition advancing sustainable finance capacity in emerging and developing markets. GCBC unites leading institutions, funders, and providers to streamline access, boost effectiveness, and mobilize capital and technical support for financial professionals and institutions worldwide.
TypeScript
ReactJS
NextJS
PostgreSQL
Explore Case Study
2024
Tempea
A craft-forward food brand web project built to showcase Tempea’s journey from a BCIT Food Tech lab to a real sustainable plant-based product, telling a story of flavour, community, and conscious eating. Built as a dynamic, clean, and engaging WordPress site using Elementor and custom PHP enhancements.
Wordpress
Elementor
PHP
Explore Case Study
2024
Zero One Group Website
A modern portfolio website for Zero One Group a leading integrated technology services company helping businesses redefine future possibilities with strategic digital solutions. The site blends sleek UI/UX with interactive transitions and 3D visual elements to reflect the company’s forward-thinking culture.
TypeScript
ReactJS
NextJS
ThreeJS
React Three Fiber
Framer Motion
Explore Case Study
2022
BAKTI DNA
A national-scale telecommunications infrastructure platform delivering connectivity to remote regions through satellite services, internet access points, backbone networks, mobile base stations, and digital-ecosystem enablement programs across priority sectors.
TypeScript
NextJS (13)
NX
Chakra UI
Latest Updates
Read AllElden Ring and My Engineering Ways
PC gaming, from RDR2 to Elden Ring, changed how I read, solve problems, and face challenges making me a better engineer through lore, builds, and persistence.
25/10/20246 Minute Reading Time
Website Refresh 2024
Feeling energized to write a new article but not happy with my old design, so here's a new design with a simpler, less overengineered tech stack.
25/10/20244 Minute Reading Time