실시간 스케줄링 기능을 갖춘 온라인 튜터링 구독 플랫폼
한 교육 스타트업은 구독 기반 액세스를 통해 학생들과 튜터들을 연결하고, 실시간 스케줄링, 자동 결제, 원활한 예약 경험을 제공하는 플랫폼이 필요했습니다.
프로젝트 상담하기
과제
신뢰할 수 있는 튜터링 마켓플레이스를 구축하려면 여러 통합 과제를 해결해야 했습니다:
- 스케줄링 복잡성 — 튜터의 가용성과 학생 예약을 조정하려면 실시간 캘린더 동기화가 필요했습니다
- 결제 흐름 — 구독, 일회성 결제, 튜터 정산 관리를 단일 결제 시스템을 통해 처리
- 인증 — 학생, 튜터, 관리자를 위한 보안 다중 역할 액세스
- 양식 신뢰성 — 복잡한 예약 및 온보딩 양식은 오류를 방지하고 데이터 품질을 보장하기 위해 강력한 유효성 검사가 필요했습니다
- 실시간 업데이트 — 학생과 튜터는 예약 변경 및 플랫폼 이벤트에 대한 즉각적인 피드백이 필요했습니다
우리의 솔루션
저희는 인증 및 실시간 데이터용 Supabase, 구독 결제 및 튜터 정산용 Stripe, 스케줄링용 Calendly를 사용하여 풀스택 튜터링 플랫폼을 구축했으며, 이 모든 것은 최신 React/TypeScript 프런트엔드에 통합되었습니다.
아키텍처
- 프런트엔드: TypeScript, TailwindCSS, Shadcn/UI 컴포넌트 라이브러리를 사용한 React
- 빌드 도구: 빠른 개발 및 최적화된 프로덕션 빌드를 위한 Vite
- 백엔드: 예약, 결제 및 온보딩을 처리하는 보안 API 엔드포인트를 위한 Supabase Edge Functions
- 데이터베이스: 실시간 업데이트를 위한 실시간 구독 기능을 갖춘 Supabase (PostgreSQL)
- 인증: 역할 기반 액세스를 제공하는 Supabase Auth
- 스케줄링: 실시간 예약 동기화를 위한 Calendly 통합
- 결제: 구독, 일회성 결제 및 튜터 정산을 위한 Stripe
- 상태 관리: 글로벌 상태 관리를 위한 Redux Toolkit, 서버 상태 관리를 위한 React Query
- 양식 유효성 검사: Zod 스키마 유효성 검사를 사용하는 React Hook Form
- 애니메이션: 전환, 로더 및 모달을 위한 Framer Motion
주요 기능
- 구독 시스템 — 반복 결제 및 무료 등급을 지원하는 Stripe 기반 요금제
- 실시간 스케줄링 — 학생과 튜터 간의 예약 동기화를 위한 Calendly 통합
- Supabase Edge Functions — 예약, 결제 및 온보딩 로직 처리용 서버리스 API 엔드포인트
- 양식 유효성 검사 — 제출 오류를 방지하는 Zod 스키마를 사용하는 React Hook Form
- 튜터 정산 — Stripe Connect를 통한 자동 정산 처리
- 실시간 업데이트 — 즉각적인 예약 및 상태 변경을 위한 Supabase 실시간 구독
- 반응형 디자인 — Framer Motion 애니메이션 및 접근성 있는 모달을 갖춘 모바일 친화적인 UI
- 자동 배포 — 안정적이고 일관된 릴리스를 위한 CI/CD 파이프라인
결과
기술 스택
caseStudyDetail.more 사례 연구
더 많은 기술 구현 사례를 살펴보세요
자주 묻는 질문
MicrocosmWorks는 IANA 시간대 데이터베이스를 사용하여 모든 가능 시간을 UTC로 저장하고 사용자의 현지 시간대로 렌더링하는 스케줄링 엔진을 구축했습니다. 시스템은 또한 일광 절약 시간 전환을 자동으로 처리하며, 한 시간대의 학생이 다른 시간대의 튜터를 검색할 때 중복되는 시간 창을 표시합니다.
MicrocosmWorks는 즉시 학생에게 알리고, 일치하는 과목 전문성을 가진 이용 가능한 대체 튜터를 제공하며, 적합한 대안을 찾을 수 없는 경우 세션 크레딧을 돌려주는 자동화된 재스케줄링 워크플로우를 설계했습니다. 반복적으로 취소하는 튜터들은 신뢰도 점수 시스템에서 플래그가 지정됩니다.
MicrocosmWorks는 유연한 크레딧 기반 구독 시스템을 구현했습니다. 이 시스템에서 학생들은 월별 시간 번들을 구매하며, 이 번들은 최대 60일까지 이월됩니다. 플랫폼은 주기 중 업그레이드 및 다운그레이드를 지원하며, Stripe의 구독 스케줄링 API를 통해 비례 배분 청구가 처리됩니다.
네, MicrocosmWorks는 WebRTC를 사용하여 비디오 인프라를 구축했으며, SFU (Selective Forwarding Unit) 아키텍처를 통해 1:1 세션부터 최대 8명까지 참여하는 그룹 세션으로 확장 가능합니다. 그룹 세션은 학생당 더 적은 크레딧을 소모하여 협업 학습을 장려하고, 동시에 튜터의 수입을 유지합니다.
MicrocosmWorks는 일반적으로 시간당 $15-$40의 개발 비용으로 튜터링 플랫폼을 제공하며, 비디오 통합, 스케줄링, 결제 및 튜터 매칭을 포함하는 전체 범위는 600-900시간이 소요됩니다. WebRTC 인프라는 비용 효율적인 클라우드 인스턴스에 배포될 수 있어 지속적인 운영 비용을 낮게 유지합니다.