Back home
The full archive

Everything I've made

A growing shelf of projects — big builds and small experiments alike.

CRAFTER 2.0

Developed an AI-powered persona generation platform that leverages Gemini and ChatGPT to automatically generate detailed user personas from structured inputs using a taxonomy-based approach.

Full Stack AI Developer·Next.js, PostgreSQL, Prisma, Tailwind CSS, Gemini API, OpenAI API, Vercel

Reduced persona creation time from hours of manual research to minutes while generating structured, reusable, and customizable AI-assisted personas for designers, researchers, and product teams.

ADAAPI

Developed an AI-powered fire reporting platform that enables citizens to submit incidents in seconds using photos or videos. The system automatically verifies reports, captures GPS location, and distributes information in real time to firefighters and related agencies.

Web Developer·Next.js, TypeScript, Tailwind CSS, Supabase, PostgreSQL, Google Maps API, TensorFlow, OpenCV, Cloud Storage

Reduced reporting time from around 5 minutes to approximately 10 seconds while providing AI-assisted verification, real-time incident tracking, and integrated emergency coordination.

Qalamify

Built a Web3 marketplace for Islamic calligraphy NFTs where users can discover, mint, buy, and sell authenticated digital artwork through blockchain technology and wallet integration.

Full Stack Blockchain Developer·Next.js, TypeScript, Tailwind CSS, PostgreSQL, Prisma, Solidity, Hardhat, Ethers.js, IPFS, MetaMask

Delivered a modern NFT marketplace that enables artists to tokenize Islamic calligraphy, verify ownership on-chain, and provide collectors with a secure digital art trading experience.

Masjid Agung Al-Mukarram Amanah

Developed a modern mosque management website featuring content management, event announcements, document publishing, digital services, and an intuitive administration panel powered by Filament.

Full Stack Developer·Laravel, Filament, React, Inertia.js, TypeScript, Tailwind CSS, MySQL, Vite

Delivered a centralized digital platform that streamlines mosque information management, improves public access to services, and simplifies content administration for mosque staff.

Kalteng24

Built a modern digital news portal using Laravel, React, and Inertia.js with a responsive interface, efficient content management, category organization, search functionality, and optimized article delivery.

Web Developer·Laravel, React, Inertia.js, TypeScript, Tailwind CSS, MySQL, Vite

Delivered a responsive regional news portal with fast page navigation, simplified editorial workflow, and improved content management through a modern monolithic architecture.

Jelajah PKL

Developed a location-based discovery platform that helps users find nearby street food vendors through search, category filters, operating hours, and interactive location information.

Full Stack Developer·Next.js, TypeScript, Tailwind CSS, PostgreSQL, Prisma, Leaflet, OpenStreetMap

Delivered a responsive platform that improves the visibility of local street vendors while helping users quickly discover nearby food options.

TOEFL ITP Practice

Developed a web-based TOEFL ITP practice platform featuring section-based exercises, full-length mock tests, progress tracking, user authentication, and leaderboard to improve engagement and learning outcomes.

Full Stack Developer·React, TypeScript, Tailwind CSS, MySQL, Vite

Delivered an interactive TOEFL learning platform with realistic practice sessions, personalized progress monitoring, and competitive ranking features.

Hayak.AI

A fast-response danger alert app with AI-powered threat detection and geolocation.

Mobile Developer·Kotlin · Android · REST API · TensorFlow Lite

Bangkit 2024 Capstone Project — team of 6.

Adanest

A web platform with progress tracking and supportive community features for PMO recovery.

Frontend Developer·React · Next.js · Tailwind CSS

GEMASTIK XVI Finalist — national software development competition.

MochieByte

A clean, responsive e-commerce website built to showcase and sell products online.

Solo Developer·Next.js · Tailwind CSS · Vercel

Live and running — helping a small business sell online.

EduTech

A web platform for conducting structured internship interview tests online.

Solo Developer·React · Node.js · Vercel

Deployed and used for streamlining interview processes.

LDK JS Website

A full organization website built to improve digital presence and information accessibility.

Developer (PR & Media Dept.)·HTML · CSS · JavaScript · Netlify

Live and actively used by the organization.

Traffic Light Generator

A tool that generates traffic light cycle time recommendations based on vehicle count data.

Solo Developer·JavaScript · Algorithm · GitHub Pages

Part of AI research on Smart City traffic management at UPR.

My Website (v3)

This very website — a illustrated storybook-style journal built with Next.js.

Design + Build·Next.js · TypeScript · Framer Motion

Live at wannn.space — my current personal portfolio.

Pakar Website

A sustainability-themed website where all courses can be accessed and managed in one place.

Developer·React · Vercel

Live and accessible to students.