NAUFAL DZAKI
Website Portfolio
Loading
0
%
N
SURABAYA · INDONESIA

Naufal Dzaki Al Thaafah — Full Stack Engineer & UI/UX DesignerHi, I’m
Naufal Dzaki.

Full-Stack Web Developer
VIEW RESUME
EXPLORE PROJECTS
{ function init() { const sys = new Arch(); sys.boot(0x42); return sys.ready ? "OK" : "ERR"; } } [0x88 0xFF 0x00] => { ptr: 0x90A2 } const PORTFOLIO_BUILD = { version: '2.0.0', status: 'ACTIVE', author: 'NAUFAL' }; function init() { const sys = new Arch(); sys.boot(0x42); return sys.ready ? "OK" : "ERR"; } } [0x88 0xFF 0x00] => { ptr: 0x90A2 }
Naufal Dzaki Al Thaafah - Full Stack Engineer & UI/UX Designer
@nopaldzaki
Available for collaboration

I build full-stack web systems with intuitive interfaces, reliable backend architecture, and scalable product foundations.

NEXT.JS•TYPESCRIPT•JAVASCRIPT•HTML•CSS•VUE.JS•VITE•TAILWIND•BOOTSTRAP•THREE.JS•CHART.JS•NODE.JS•LARAVEL•GO•JAVA•BUN•SUPABASE•MYSQL•SQLITE•JWT•NPM•FLUTTER•REACT NATIVE•C•C++•GITHUB•VERCEL•CODECOV•FIGMA•DOCKER•AFTER EFFECTS•GIT•CANVA•POSTMAN•NEXT.JS•TYPESCRIPT•JAVASCRIPT•HTML•CSS•VUE.JS•VITE•TAILWIND•BOOTSTRAP•THREE.JS•CHART.JS•NODE.JS•LARAVEL•GO•JAVA•BUN•SUPABASE•MYSQL•SQLITE•JWT•NPM•FLUTTER•REACT NATIVE•C•C++•GITHUB•VERCEL•CODECOV•FIGMA•DOCKER•AFTER EFFECTS•GIT•CANVA•POSTMAN•NEXT.JS•TYPESCRIPT•JAVASCRIPT•HTML•CSS•VUE.JS•VITE•TAILWIND•BOOTSTRAP•THREE.JS•CHART.JS•NODE.JS•LARAVEL•GO•JAVA•BUN•SUPABASE•MYSQL•SQLITE•JWT•NPM•FLUTTER•REACT NATIVE•C•C++•GITHUB•VERCEL•CODECOV•FIGMA•DOCKER•AFTER EFFECTS•GIT•CANVA•POSTMAN•
EXPERIENCES
Career Archive

EXPERIENCES

Roles, systems, and the work behind them.

PROFESSIONAL EXPERIENCE01

IT Dev (Frontend)

GERIGI X UKM EXPO 2026

Frontend development for the Gerigi X UKM Expo 2026.

  • ✦Designed and developed frontend components using modern web technologies
  • ✦Maintained clean and maintainable code structure
  • ✦Optimized website display for responsiveness across devices
  • ✦Improved usability for users
Jun 2026 – Aug 2026
PROFESSIONAL EXPERIENCE02

IT Dev (Backend)

ISE! 2026

Backend development contributions for the Information Systems Expo (ISE!).

  • ✦Developed backend services using scalable architecture with Go
  • ✦Actively collaborated within the team using Git for version control
  • ✦Designed and implemented secure RESTful APIs
  • ✦Developed a critical endpoint for reset token validation
Apr 2026 – Present
PROFESSIONAL EXPERIENCE03

Web Development

Bayucaraka ITS UAV Team

Web development for the Media Communication division of the Bayucaraka UAV Research Team.

  • ✦Designed the user interface (UI/UX)
  • ✦Built and developed the team website using Laravel, Next.js, and JavaScript
  • ✦Implemented the design into a responsive and scalable frontend
Mar 2026 – Present
ORGANIZATIONAL EXPERIENCE04

Student Welfare (Internship)

HMSI

Involved in the New Student Guardianship program for the Information Systems Department.

  • ✦Helped convey information about academic guardianship
  • ✦Guided new students regarding faculty advisors
  • ✦Assisted with required documents for new students
Jul 2026 – Present
WORK / INTERNSHIP EXPERIENCE05

Compositing Intern

Double Down Studio

Post-production and compositing for various visual projects.

  • ✦Collaborated with the creative team in the post-production process
  • ✦Used Adobe After Effects for visual effects
  • ✦Contributed to the compositing process for various visual projects
  • ✦Ensured output quality met studio standards
Aug 2024 – Oct 2024
ORGANIZATIONAL EXPERIENCE06

Design Division

Moklet Education of Technology Informatic Club

Designed UI/UX and visual materials for internal club projects and events.

  • ✦Designed user interfaces (UI/UX) for internal club applications using Figma
  • ✦Produced more than 20 visual materials (flyers, posters) to promote club activities
  • ✦Collaborated across divisions to maintain visual consistency and branding
2022 – 2024
ORGANIZATIONAL EXPERIENCE07

Member

Komunitas Kampung Robot (KOKARO)

Early involvement in robotics and technology.

  • ✦Cultivated an early strong interest in robotics and technology
  • ✦Collaborated with a team to assemble and test simple robot hardware
2016
Portfolio Showcase

SELECTED PROJECTS

VIEW ALL PROJECTS
Landing Page Gerigi X UKM Expo 2026
WEB DEVELOPMENT / FRONTEND / 2026

Landing Page Gerigi X UKM Expo 2026

Designed and developed responsive frontend components using modern web technologies, following clean, structured, and maintainable coding practices throughout the development process. Implemented frontend interfaces based on UI/UX designs, translating design concepts into functional and interactive web components while maintaining visual consistency across the website.

Highlights
  • 01Optimized website layouts and components for multiple devices
  • 02Refined component layouts, spacing, alignment, and responsive behavior
  • 03Collaborated with the development team to ensure alignment with requirements
Next.jsTypeScriptTailwindShadcnFramer MotionBun
Backend Information Systems Expo 2026
WEB DEVELOPMENT / BACKEND / 2026

Backend Information Systems Expo 2026

Developed backend services using Go with a scalable architecture to support application functionality and maintain reliable service performance. Designed and implemented secure RESTful APIs to facilitate communication between application components and backend services, while following structured development practices.

Highlights
  • 01Developed a critical reset token validation endpoint
  • 02Strengthened user authentication and account recovery
  • 03Utilized Git for version control and coordinated workflows
GoGinGormJWTDockerZerolog
Personal Website
WEB DEVELOPMENT / FULLSTACK / 2026

Personal Website

Designed and developed a personal portfolio website to showcase technical skills, projects, organizational experience, and professional interests. Built a responsive and user-focused interface with a strong emphasis on modern UI/UX principles.

Highlights
  • 01Implemented reusable components and structured frontend architecture
  • 02Integrated interactive elements and visual components
  • 03Continuously refined layout, responsiveness, and visual consistency
Next.jsShadcnNpmGsapVercel
Circle Pay Design APP
UI/UX DESIGN / 2025

Circle Pay Design APP

Achieved 3rd Place and Favorite Winner at the UI/UX DECOMPE 4.0 ASEAN Competition with “Circle Pay: Digital Collective Finance for Transparent Community Management.” The project focused on transforming community-based financial practices in Indonesia into a more transparent and efficient digital experience.

Highlights
  • 01Introduced a Financial Transparency Dashboard and payment status tracking
  • 02Integrated centralized announcements and digital wallet
  • 03Applied user-centered design to address real-world problems
Figma
Bayucaraka UAV Research Team
WEB DEVELOPMENT / 2026

Bayucaraka UAV Research Team

Web platform development for the Media Communication division of the Bayucaraka UAV Research Team to showcase achievements and divisions.

Highlights
  • 01Responsive team platform
  • 02Content management structure
  • 03Modern tech stack integration
Next.jsTailwind CSSReact
Open Source & Contributions

GitHub Activity

VIEW GITHUB PROFILE