Rangin Studio
A modern yoga studio web platform built to simplify class scheduling, package purchasing, and event management for users and administrators. The website includes a dynamic landing page, class/event booking system, and a custom CMS for studio staff. It integrates with third-party services including Firebase (auth & data), Midtrans (payment), and Resend (email). The UI was implemented from wireframes and business requirements to ensure alignment with stakeholder goals.
Role Overview :
Responsible for translating design wireframes and business flows into functional, responsive user interfaces and backend logic. Led development of both the customer-facing booking features and the internal CMS. Integrated third-party services to handle authentication, payments, and transactional communication while ensuring clean UX and platform stability.
Key Responsibilities :
Implemented UI components and pages based on wireframes and business flow documentation using React and Tailwind CSS.
Developed a responsive landing page featuring class, event, and instructor information.
Built class and event booking flows, handling slot availability, schedule logic, and user confirmations.
Developed a package purchasing system integrated with Midtrans, including payment status updates and fallback handling.
Created an internal CMS for admins to manage bookings, instructors, class schedules, and package data.
Integrated Firebase Authentication & Firestore, including custom security rules to protect user/admin data.
Triggered transactional emails via Resend after payment, booking, and event actions.
Ensured full responsiveness and usability across mobile and desktop devices.
Collaborated with business stakeholders to align product flow with user needs and operational goals.
Achievements :
Streamlined studio operations with a CMS, reducing manual work and support overhead.
Supported increased user engagement through a clean interface and intuitive scheduling system.
Timeline
2025
Stack
NextJS, Firebase
Platform
Website
Website
-
Captures
