Portofolio

2026

Hafidz Thufail — Full Stack Developer

Hafidz

Thufail.

Full Stack Developer
& UI/UX Designer

GIT
TAILWIND CSS
LARAVEL
JAVA
PHP
MYSQL
CSS
JAVASCRIPT
TYPESCRIPT
REACT
NEXT.JS
NODE.JS
EXPRESS
PRISMA
SUPABASE
POSTGRESQL
FIGMA
GIT
TAILWIND CSS
LARAVEL
JAVA
PHP
MYSQL
CSS
JAVASCRIPT
TYPESCRIPT
REACT
NEXT.JS
NODE.JS
EXPRESS
PRISMA
SUPABASE
POSTGRESQL
FIGMA

WHO

.I'AM?

I'm a Informatics Student at Digital Technology University of Indonesia, with a passion for UI/UX design and Web Development.

Currently, I am focusing on honing my skills as a Full-Stack Developer with the goal of building well-rounded web applications—combining intuitive interfaces from a designer’s perspective with robust and efficient backend system architecture.

2+Years of experience
10+Projects completed
95%Client satisfaction

Experience

Journey.

Navigating the intersection of intuitive design and robust engineering. My trajectory spans from mentoring peers in core algorithms, modernizing legacy systems into high-performance SPAs, to architecting scalable business platforms as a freelance full-stack developer. Here is a timeline of my continuous technical evolution.

February 2026 — PRESENTINDONESIAFREELANCE

FULL-STACK DEVELOPER

KasirOke

Freelance developer at KasirOke — a startup building integrated business software including POS (Point-of-Sale), HRIS, and ERP solutions for their clients. Currently spearheading the Gemilang project: a full-stack Recruitment Management System serving as one of KasirOke's client deployments.

  • Built the Gemilang Recruitment Management System end-to-end — featuring automated applicant scoring, AWS S3 document handling, and an admin dashboard for streamlined applicant tracking.
  • Worked within KasirOke's multi-product ecosystem (POS, HRIS, ERP), adapting system architecture and UI to meet the specific operational needs of each client's business.
February 2026 — June 2026YOGYAKARTAINTERNSHIP

FRONT-END DEVELOPER

Balai P3KP Jawa III

Spearheaded the front-end modernization of the Klinik PKP Jawa III Information System, migrating a legacy monolithic Laravel architecture to a highly responsive React Single Page Application (SPA).

  • Utilized Feature-Driven Development (FDD) methodology to build and structure the frontend, significantly improving page loading speeds and overall user interaction.
  • Developed a scalable front-end architecture that seamlessly integrates with a multi-tenant Node.js backend, capable of serving multiple regional platforms dynamically.
September 2025 — January 2026YOGYAKARTAACADEMIC

ASSISTANT LECTURER OF DATA STRUCTURE

Digital Technology University of Indonesia

Assisted the main lecturer in conducting Data Structure laboratory sessions (praktikum), guiding students through hands-on programming tasks and core algorithm implementations.

  • Facilitated laboratory practice sessions, actively mentoring students in troubleshooting code and understanding complex data structure logic.
  • Evaluated and graded student laboratory reports, ensuring accuracy in implementation and a comprehensive understanding of the learning material.

A curated showcase of my work: from architecting complex full-stack systems and modernizing legacy applications to crafting intuitive UI/UX experiences. Transforming intricate business requirements into seamless digital products.

Project

.Completed

01

Klinik PKP Jawa III Information System

REACT · VITE · TYPESCRIPT · TAILWIND · MYSQL
2026
02

GEMILANG RECRUITMENT MANAGEMENT SYSTEM

REACT · EXPRESS.JS · PRISMA · VITE · NODE.JS · TYPESCRIPT · TAILWIND · MYSQL
2026
03

DRIVING SCHOOL PLATFORM

NEXT.JS · TYPESCRIPT · SUPABASE · TAILWIND · POSTGRESQL
2026
04

COFFE SHOP MOBILE APP

UI/UX DESIGN · FIGMA · PROTOTYPE
2025