Frontend Dev
React, Next.js (App Router), Tailwind CSS

Solid understanding of responsive design, interactive UI/UX, and component-based architecture. Skilled in translating Figma designs into high-performance web apps.

Backend Dev
Node.js, Express.js, Next.js API Routes, Prisma ORM

Strong foundation in backend logic, RESTful APIs, middleware, authentication, and database management. Familiar with MVC architecture and clean code practices.

Mobile-Friendly UI
Responsive Design, PWA

Capable of designing and developing web apps optimized for mobile devices and turning them into Progressive Web Apps (PWAs).

Deeplib
Next.js (App Router & API Routes), Tailwind CSS, And Prisma

Deeplib is an AI-powered chatbot designed for digital library systems. It utilizes Retrieval-Augmented Generation (RAG) to provide accurate and context-aware answers based on a collection of academic documents, papers, and learning materials. Users can interact with the chatbot to ask questions, find references, or explore topics without manually searching through large volumes of content. Deeplib enhances digital library access by combining natural language processing with intelligent retrieval techniques.

BIMAFIK
Next.js (App Router & API Routes), Tailwind CSS, And Prisma

BIMAFIK is a web-based academic guidance system built for students and academic supervisors at the Faculty of Computer Science (FIK). It facilitates the entire supervision process—from guidance requests, scheduling, to progress reporting. The system includes role-based access for students, lecturers, and department heads, providing a centralized platform for academic tracking and communication. BIMAFIK aims to streamline academic mentoring with a transparent and efficient digital workflow.

Fullstack Developer
Fakultas Ilmu Komputer UPNVJ

• Membangun dan mengembangkan website DeepLib (Digital Library Chatbot) sebagai solusi interaktif pencarian referensi buku berbasis chatbot.
• Menggunakan Next.js App Router dan melakukan integrasi dengan API NLP.
• Merancang dan mengimplementasikan sistem backend yang efisien dan scalable dengan Prisma ORM.
• Melakukan pengembangan end-to-end, mencakup frontend, backend, serta integrasi dengan database.
• Maintaining dan mengoptimalkan sistem Bimbingan Akademik (BIMAFIK):
  • Menambahkan fitur baru.
  • Memperbaiki bug.
  • Meningkatkan performa sistem.
• Menulis dokumentasi teknis.
• Mendukung proses deployment dan pengujian sistem.

Frontend Developer Freelance
SI Dev Team

• Membangun antarmuka pengguna (UI) yang responsif dan interaktif untuk platform SOLACE (seat management online asset control and evaluation) menggunakan React.js dan Tailwind CSS.
• Mengintegrasikan frontend dengan layanan backend melalui RESTful API, termasuk pengelolaan data, validasi input, dan manajemen state.
• Mengimplementasikan routing dinamis dan render kondisi berdasarkan peran pengguna dengan React Router.
• Berkolaborasi dengan developer backend, dan stakeholder untuk memastikan kelengkapan fitur dan konsistensi pengalaman pengguna.
• Melakukan debugging, pengujian lintas browser, dan optimasi performa serta aksesibilitas.