● Real-time monitoring of server and website uptime

● Automatic updates with detailed response time graphs

● Useful for transparency and reliability tracking

● Real-time status checks of registered services

● Uptime tracking and display of last checked time

● Automated background checks using scheduled cron jobs

I developed a responsive and elegant digital wedding invitation based on a Figma design, using Next.js 15. The project involved pixel-perfect implementation to match the design and provide a smooth user experience across devices.

● Fully responsive layout following the original Figma design

● Optimized performance using the latest features of Next.js 15

● Clean, maintainable code structure using modern React patterns

● Dynamic rendering of wedding event details based on query parameters (e.g., resepsi=pertama)

I built a modern SIAKAD (Student Academic Information System) web application to streamline academic management processes. The frontend was developed using Vue.js 3, while the backend API was powered by Laravel.

● Secure login and authentication system

● Clean and responsive user interface using Vue 3 + Tailwind

● Role-based access (admin, lecturer, student)

● Seamless communication with Laravel RESTful API

● Modular and scalable frontend architecture

● Developed a backend using Laravel 12 to manage original links into a shortened link.
● Developed a frontend using Nuxt.js 3 and shadcn.ui.

● Implements auth using NIM and Password students of UMM.
● Implements CRUD to order jackets.

● Create a shortcut link to navigate other classes.
● Fixed staff and lectures tables.

● Guide team members to work as their jobs according to the deadlines.
● Create a badge for status participants.
● Fixed a phone number on dashboard users.

● Create an profile edit complete with students data.
● Fixed an icon information on dashboard users.
● Implement download modules notification.

● Project Manager to manage project functionality.
● Create boilerplate for the project like dashboard, loan, and profile.

Micro Challenge Project at Infinite Learning

● Create big idea of the project.
● Develop a Low Fidelity, High Fidelity, and Prototype using Figma

Macro Project at Infinite Learning

● Implements front-end for MVP product such as auth, home, about, contact us and detail news pages
●Contributed to High Fidelity design on website.

● Develop responsive FAQ page.
● Implements fetch data using react toolkit on Retakers page. 
● Implements log data for profile user.

Freelance Project using Next.js

● Implement kost website using nextjs and nextui.

Freelance website for Big Project client

● Build website about Anemia and deliver Information to users.

● Develop frontend with Reduxjs to manage state API
● Develop backend with Nexjs API
● Building Continuous Integration with GitHub Action and Cron Job

● Building a real-time web application with Sockets IO
● Develop backend using Express.js with PostgreSQL
● Develop frontend using Next.js & NextUI

eCRF Biofarma is a research data for patients.

● Contributed to fixed bugs on query status

Tech Stack: .NET, MySQL, Google Cloud Platform

● Contributed to make a feature Export Bermeter Berekening
● Fixed bug on dashboard, water balance, master data, and date picker components.
● Contributed to upgrade some deprecated package and Node version.

Tech Stack: React, Spring Boot, Bootstrap

Public:

● Implement commodity per city, market and fluctuations on commodity page.

● Implement suggestions search bar on home page.

Admin:
● Contributed full functional content, metadata, and setting page

Tech Stack: Vite.js, Express.js, Next.js, React Query.

● Manage budgets for frontend, backend, and design side.

● Contributed on front-end for guest, user, and admin modules.

Tech Stack: Next.js, Tailwindcss, Redux Toolkit.

Massive Project for Infinite Learning final project.

● Implement full function of backend service using Express JS. Such as auth, event, transaction, and item modules.

● Implement frontend using vite.js and using react toolkit query to manage the API’s request. Such as auth, event, transaction, item, and admin page for monitoring data.

Tech Stack: Express,js MySQL, Ant Design, Jest, Docker, Vite.js, Redux.js

Mahati is Mobile Aplikasi Sahabat Hipertensi

● Contributed developing mobile app using Flutter and GetX and consuming backend service with http.

● Develop a full function admin website with Next.js and Shadcn UI.

● Contribute refactor and develop backend using Express.js using MySQL and deployed in Docker Portainer.

Tech Stack: Next.js, TailwindCSS, Shadcn UI, Express.js, Prisma ORM, MySQL