PORTFOLIO / FRONTEND DEVELOPER

alipnf

Frontend Developer

Frontend Developer specializing in React, Next.js, and TypeScript, with experience building responsive, production-ready web interfaces from Figma designs, integrating REST APIs, and managing complex client-side flows.

REACT/NEXT.JS/TYPESCRIPT/TAILWIND CSS/SUPABASE/FIREBASE/ZUSTAND/MDX/RESPONSIVE UI/API INTEGRATION/REACT/NEXT.JS/TYPESCRIPT/TAILWIND CSS/SUPABASE/FIREBASE/ZUSTAND/MDX/RESPONSIVE UI/API INTEGRATION/
01About

Snapshot of the builder behind the screen.

Muhammad Alif Nur Firdaus / Indonesia

An Informatics Engineering graduate focused on building responsive, production-ready frontend interfaces from Figma designs, integrating REST APIs, managing client-side state, and collaborating with designers and backend engineers to deliver user-focused features.

Focus

React, Next.js, TypeScript

Strength

Responsive UI, reusable components, API integration

Background

Bachelor's degree in Informatics Engineering, Universitas Muria Kudus

Writing

Technical notes about frontend, Linux, Git, PostgreSQL, and troubleshooting

02Featured Projects

Selected work, built end to end.

01 / 05

Layar Digi

A responsive online ticket booking platform covering movie browsing, ticket reservation, studio booking, booking status verification, payment status updates, and operational dashboard workflows.

ReactNext.jsTypeScriptTailwind CSSshadcn/uiZustandReact Hook FormZodAxios
Links
DemoRepository
02 / 05

Isyara

A BISINDO learning web app with real-time hand detection and in-browser A-Z gesture classification, structured learning units, quiz mode, progress tracking, gamification, leaderboard, Supabase authentication, and lesson management.

Next.jsTypeScriptTailwind CSSshadcn/uiSupabaseTensorFlow.jsMediaPipe Hands
03 / 05

Planify

A course scheduling web app with course management, manual scheduling, AI-assisted timetable generation, schedule saving, and shareable schedule links.

ReactNext.jsTypeScriptZustandSupabaseshadcn/ui
Links
04 / 05

Blue Bay

An aquaculture e-commerce platform covering product discovery, cart, virtual payment checkout, order tracking, admin dashboard views, transaction management, and product/article management.

ReactZustandTailwind CSSDaisyUIChart.jsToastify-js
Links
05 / 05

Banobakehouse

An informational bakery website with authentication, FAQ, wishlist features, and an admin panel for managing products, categories, and FAQs with access control and CRUD operations.

ReactZustandTailwind CSSSupabaseVercel
Links
03Experience

Experience Log

A compact record of frontend internships, team-based training, and Informatics Engineering education.

01
Feb - Aug 2026

Frontend Developer Intern

PT WIR ASIA Tbk

Developed frontend interfaces for Layar Digi across a customer-facing booking app and internal admin dashboard, covering movie browsing, schedule and seat selection, payment status updates, booking submission, reservation workflows, REST API consumption, and client-side async state handling.

ReactNext.jsTypeScriptTailwind CSSREST API
02
Jan - Apr 2025

Frontend Developer Intern

PT Digital House Nusantara

Developed and maintained a React-based corporate website and role-based CMS/Admin Dashboard with separate admin and user interfaces, translated Figma designs into responsive UI, built reusable components, integrated REST APIs with loading and error states, and performed cross-device visual QA.

ReactCMS/Admin DashboardREST APITaiga
03
Sep - Dec 2024

ReactJS Front-End Engineer Program

MSIB Batch 7 - Alterra Academy

Led the frontend team in the capstone project, defined development standards, managed sprint progress, translated Figma designs into responsive React interfaces, integrated REST APIs, and reviewed pull requests.

ReactREST APITeam LeadTrello
04
Sep 2022 - Feb 2026

Bachelor's Degree in Informatics Engineering

Universitas Muria Kudus

Graduated with a GPA of 3.89 / 4.00 and published research on real-time web-based BISINDO alphabet recognition using MediaPipe and MLP.

GPA 3.89 / 4.00
05Skills System

A technical index, not a sticker sheet.

Frontend
React, Next.js
Programming
JavaScript, TypeScript
Styling & UI
Tailwind CSS, Bootstrap, shadcn/ui, DaisyUI, Preline
State Management
Zustand, Redux
Backend / BaaS
Supabase, Firebase
API
REST API Integration
Tools
Git, GitHub, Postman, Figma, Taiga, Trello, Linux
Soft Skills
Communication, Teamwork, Problem-Solving, Adaptability
REACT/NEXT.JS/TYPESCRIPT/TAILWIND CSS/SUPABASE/FIREBASE/ZUSTAND/MDX/RESPONSIVE UI/API INTEGRATION/REACT/NEXT.JS/TYPESCRIPT/TAILWIND CSS/SUPABASE/FIREBASE/ZUSTAND/MDX/RESPONSIVE UI/API INTEGRATION/

LET'S BUILDCLEAN INTERFACESTOGETHER.

Available for frontend developer opportunities, internships, freelance projects, and collaboration.

alipnf
Frontend Developer