Overview
As a Frontend Developer and designer for the Waroeng Foto website, I was responsible for designing and developing a responsive digital platform that presents Waroeng Foto’s photography services, including self photo studio, photobooth, event services, custom frames, membership, and online booking. The website was built to strengthen Waroeng Foto’s brand presence while making it easier for customers to explore services, view product information, contact the team, make bookings, and complete payments through an integrated digital flow.
I developed the website using Next.js, React, TypeScript, and Tailwind CSS, creating reusable components, responsive layouts, interactive image sliders, service pages, authentication pages, and customer-facing booking flows. As a designer, I focused on building a clean, modern, and brand-consistent interface that reflects the visual identity of Waroeng Foto while maintaining usability across desktop and mobile devices.
Key features I developed include landing pages for Waroeng Foto services, product and photobooth showcases, event package pages, contact forms, user authentication, customer profile pages, booking studio flow, payment status pages, shortlink management, QR code generation, and integration with Firebase for data handling and authentication. I also implemented payment integration to support booking transactions, payment status tracking, invoice access, and a smoother customer checkout experience. In addition, I implemented UI animations, responsive navigation, reusable design components, and backend API routes to support booking, account, contact, payment, and dashboard features.
Year Accomplished
2026
Technology
- Next.js
- React
- TypeScript
- Tailwind CSS
- Firebase
- Firebase Admin
- Payment Gateway Integration
- Framer Motion
- Nodemailer
- QRCode
- PDF-lib
Publication Link
