Silhouette Studio

Silhouette Studio

Overview

Welcome to Silhouette Studio, my final project for the Software Project Management course!

This website was created for a photo studio reservation system in collaboration with Silhouette, a local photo studio. It enables users to book photo sessions effortlessly and integrates with the Xendit payment gateway for secure transactions.

I was deeply involved in the full-stack development of this website, gaining comprehensive experience in both frontend and backend technologies.

Key Features

  • Online Booking - Easy and convenient studio session reservations
  • Payment Integration - Secure payments via Xendit gateway
  • Admin Dashboard - Manage bookings, schedules, and customers
  • Gallery Showcase - Display studio work and portfolios

User Journey

  1. Browse Studio - Explore available services and pricing
  2. Select Time Slot - Choose preferred date and time for the session
  3. Complete Booking - Fill in details and make payment
  4. Confirmation - Receive booking confirmation and details

Tech Stack

  • React.js - User interface with component-based architecture
  • Redux - State management for efficient data flow
  • Tailwind CSS - Modern and responsive styling
  • Express.js - Backend server and API development

Technical Highlights

  • Full-Stack Development - End-to-end application development
  • Payment Gateway Integration - Secure transactions with Xendit
  • Responsive Design - Works on all device sizes
  • Clean Code Architecture - Modular and maintainable structure

What I Learned

This project was instrumental in understanding:

  • Full-stack development with React and Express
  • State management with Redux
  • Payment gateway integration
  • Project management and collaboration