Skip to content
View dzulfanf's full-sized avatar
12 followers · 19 following

Achievements

Achievement: Pair Extraordinairex3Achievement: Pull Sharkx3

Achievements

Achievement: Pair Extraordinairex3Achievement: Pull Sharkx3

Block or report dzulfanf

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
dzulfanf/README.md

Hi, I'm Dzulfan 👋

I'm a Frontend Engineer focused on building fast, scalable, and user-friendly web applications.

I'm currently expanding my expertise toward full-stack engineering, with a growing focus on backend systems, databases, APIs, architecture, and cloud infrastructure.

Tech Stack

Frontend

React, Next.js, TypeScript, Tailwind CSS

Backend

Node.js, NestJS, Laravel, PHP, REST APIs

Database & Infrastructure

PostgreSQL, Supabase, Docker, Vercel, AWS

Testing

Jest, Cypress, Playwright

Monitoring & Observability

Sentry

Web & Analytics

Technical SEO, Google Analytics

Design & Prototyping

Figma, Adobe XD, Stitch

AI-Assisted Development

AI-assisted: coding, research & documentation, testing and code review, and engineering workflows

Familiar With

Vue.js, Nuxt, Svelte

Currently Exploring

  • Software Architecture
  • Backend Engineering
  • Database Design
  • Authentication & Authorization
  • Caching & Queues
  • Cloud Infrastructure
  • Observability & Scalability
  • AI-assisted Software Engineering

I enjoy understanding systems from first principles and turning that understanding into practical software.

Engineering Projects

I'm building and documenting engineering-focused projects to explore software architecture, React patterns, backend systems, and real-world application design.

Some projects are intentionally designed as experiments and deep dives rather than production products.

Contact

Pinned Loading

  1. react-engineering-patterns react-engineering-patterns Public

    A deep-dive exploration of React component patterns, composition strategies, state management, and API design.

    TypeScript

  2. bass-boost bass-boost Public

    Bass boost, 10-band EQ & audio enhancer for any website.

    JavaScript

  3. auth-patterns auth-patterns Public

    Reference collection of 7 authentication flows built with Next.js 15 App Router, TypeScript (strict), Supabase, and Tailwind v4.

    TypeScript

  4. auth-flow auth-flow Public

    Auth flow demo — email/password & Google OAuth, protected dashboard, idle detection, and session management. Built with Next.js 15, Supabase, and TypeScript.

    TypeScript

  5. frontend-performance-lab frontend-performance-lab Public

    Hands-on React performance lab exploring rendering, caching, virtualization, responsive layouts, and browser profiling.

    TypeScript

  6. tanstack-query tanstack-query Public

    Interactive playground to learn TanStack Query visually — query, mutation, cache, optimistic updates, pagination, and infinite scroll.

    TypeScript