[프로젝트 소개]

• Web RTC를 이용한 연예인과 팬의 1:1 비대면 팬사인회 서비스
  • 1:1 화상통화 방을 N개 생성해 시간 만료 시 다음 멤버에게로 자동 이동
  • 관리자 및 유저의 로그인을 나눈 플랫폼 서비스
  • 관리자는 팬미팅 생성 및 일정 관리, 유저는 팬미팅 입장 및 연예인과의 추억(사진) 관리 기능 제공
  • Frontend는 Netlify, Backend은 AWS EC2에 올려 구축한 웹앱 서비스
  • 현직 개발자의 심사를 거친 SSAFY 공통프로젝트 서울 권역 프로젝트 우수상 수상
• 📖 프로젝트 진행 노션 링크
• https://github.com/l0u0h0/stargate
• 🎞️ 프로젝트 시연 영상

[실행 화면]

• 실행화면 이미지 더보기

[사용 언어 및 개발환경]

• FE
  • ES6, React.js, Recoil, TypeScript, tailwindcss, Axios, pnpm, Vite, WebSocket
• BE
  • Java, SpringBoot, MySQL
  • dependencies
    • WebSocket
    • Spring Security
    • JPA
    • Validation
• Server
  • AWS EC2, Docker, Jenkins, Netlify

[ERD]

[기여]

• 프론트엔드 개발, 기여도 25%
  • Atomic Design 패턴을 커스텀하여 좀 더 작은 depth를 가진 구조로 바꾸어 재사용성이 높은 컴포넌트를 효율적으로 사용하고 props drilling을 최소화.
  • Netlify 정적 서버 배포 툴에 프론트 서버 빌드 및 배포를 자동화 관리.