Projects

Attendance System

Developed a web-based attendance system for SMP 3 Muhammadiyah Bandung using Laravel, featuring QR code-based attendance, role-based dashboards, and admin management for users, classes, and records.

  • HTML
  • CSS
  • Javascript
  • PHP
  • Laravel
  • MySQL
  • Bootstrap

Jjoongrami Photobooth

Jjoongrami Photobooth is a React app for capturing photos with react-webcam, drawing with ReactSketchCanvas, and adding draggable, resizable, and rotatable stickers using React Moveable, styled with responsive Tailwind CSS.

  • HTML
  • CSS
  • Tailwind CSS
  • Javascript
  • React Js
  • Sketch Canvas
  • Netlify

Herbit

Herbit is built with Next.js and serves as the main user interface for tracking green habits, monitoring eco-enzyme fermentation, and earning points redeemable for rewards.

  • HTML
  • CSS
  • Tailwind CSS
  • Javascript
  • Next Js
  • Mongo DB
  • Vercel

Greencycle

GreenCycle is an educational web app that helps users learn waste sorting in a fun, interactive way. It features drag-and-drop games, daily streaks, eco-friendly tips, and a waste-bank locator to encourage consistent waste-sorting habits at home.

  • HTML
  • CSS
  • Tailwind CSS
  • Javascript
  • Next Js
  • Vercel

Interactive Parallax Landing Page

Developed a responsive landing page with smooth scroll animations and floating effects to enhance user experience, using React.js, Tailwind CSS, Framer Motion. Deployed seamlessly on Vercel for optimal performance and accessibility.

  • HTML
  • CSS
  • Tailwind CSS
  • Javascript
  • React Js
  • Framer Motion
  • Vercel

SnapRoast

Roast Me Bro is an interactive web app that lets you roast anyone — just type a name, hit submit, and get hit with a spicy roast line plus a savage meme. All roast lines in this app are generated by AI (ChatGPT) and then manually curated

  • HTML
  • CSS
  • Tailwind CSS
  • Javascript
  • Netlify

A Simple React Calculator

A minimal, no-fuss calculator app built for everyone who vibes with dark mode. Clean, modern design with smooth animations, intuitive controls, and lightning-fast performance. Lightweight yet powerful — optimized to work seamlessly on any device and look effortlessly aesthetic on every screen.

  • HTML
  • CSS
  • Tailwind CSS
  • Javascript
  • React Js
  • Vercel