Back to Portfolio

Woogyeol

Custom Mobile Wedding Invitation

Project Overview

Woogyeol is a mobile wedding invitation service that allows users to create and share their own invitations. It provides a complete digital wedding solution from preparation to the wedding day itself, with features like attendance surveys, congratulatory messages, and a real-time photo wall.

ReactTypeScriptTailwind CSSReact-QueryZustandPlaywright
Woogyeol 프로젝트 메인 이미지

Project Details

Development Period

2025.02 ~ 2025.06

Team Member

7 member Team

Frontend 4 / BackEnd 3

My Role

Front-end

API Integration, State Management, Performance Optimization

Project Screenshots

Woogyeol Main Page

Main interface for users to create their own wedding invitations

Completed Invitation

Wedding invitation editor to review and share the final version

Attendance Management

Real-time attendance survey and management system

Real-time Photo Wall

Photo wall for real-time photo sharing on the wedding day

Technical Challenges and Solutions

Excessive Zustand Over-rendering Issue

Problem

Zustand was used to instantly reflect user input on the final invitation, but unnecessary re-rendering occurred with every input change, leading to performance degradation and screen flickering.

Solution

Optimized Zustand Store using `useCallback` internally and introduced debouncing to trigger rendering after a certain delay following input. This significantly reduced the number of renders.

Excessive Data Transmission on POST Requests

Problem

When creating invitations, all values were sent at once, making error tracking and debugging difficult, and requests were sent without proper validation.

Solution

Improved the process by dividing the creation into stages, sending only necessary data incrementally. This allowed for error checking at specific stages, reducing debugging time and better suiting the user flow.