💍 Wedding

React 기반으로 제작한 디지털 청첩장 UI 클론 프로젝트입니다.
JSON Server를 활용한 백엔드와 Kakao Map, 캘린더, 이미지 갤러리, 참석 여부 확인 등 다양한 기능을 포함하여 실제 서비스 수준의 최적화와 사용자 경험을 고려해 개발하였습니다.

기술 스택

• Frontend: React, JavaScript, JSX, CSS
• Backend (Mock): JSON Server
• Map API: Kakao Map API
• Animation/UX: Modal (React Portal), Custom Fonts
• Optimization: 이미지/폰트 최적화, memo, 컴포넌트 추상화

프로젝트 실행 방법

# 1. 레포지토리 클론
git clone https://github.com/Yang-Sooyoung/wedding.git
cd wedding

# 2. 의존성 설치
npm install

# 3. JSON Server 실행 (별도 터미널에서)
npx json-server --watch db.json --port 5000

# 4. React 앱 실행
npm start

주요 기능

• 반응형 청첩장 UI
• 인트로 영상 재생
• 갤러리/일정/지도 연동
• 참석 여부 확인 및 전송
• JSON Server 기반의 간이 API 구축
• 성능 최적화 및 에러 대응

🙋‍♀️ 만든 사람

• 👩‍💻 이름: 양수영 (Yang Sooyoung)
• 🔗 GitHub: @Yang-Sooyoung