リアルタイムスケジューリングを備えたオンライン家庭教師サブスクリプションプラットフォーム
教育系スタートアップは、サブスクリプションベースのアクセスを通じて学生と家庭教師を結びつけるプラットフォームを必要としており、リアルタイムスケジューリング、自動支払い、シームレスな予約体験を特徴としています。
プロジェクトを相談する
課題
信頼性の高い家庭教師マーケットプレイスを構築するには、複数の統合課題を解決する必要がありました:
- スケジューリングの複雑さ — 家庭教師の利用可能時間と学生の予約を調整するために、リアルタイムのカレンダー同期が必要でした
- 支払いフロー — サブスクリプション、一回払い、家庭教師への支払いを単一の支払いシステムで管理
- 認証 — 学生、家庭教師、管理者のための安全なマルチロールアクセス
- フォームの信頼性 — 複雑な予約とオンボーディングフォームには、エラーを防ぎデータ品質を確保するための強力なバリデーションが必要でした
- リアルタイム更新 — 学生と家庭教師は、予約の変更やプラットフォームイベントに対する即時のフィードバックを必要としていました
私たちのソリューション
Supabaseを認証とリアルタイムデータに、Stripeをサブスクリプション請求と家庭教師への支払いに、Calendlyをスケジューリングに使用し、モダンなReact/TypeScriptフロントエンドで包んだフルスタック家庭教師プラットフォームを構築しました。
アーキテクチャ
- フロントエンド: React with TypeScript, TailwindCSS, Shadcn/UIコンポーネントライブラリ
- ビルドツール: Viteを使用した高速開発と最適化されたプロダクションビルド
- バックエンド: Supabase Edge Functionsを使用した安全なAPIエンドポイントで、予約、支払い、オンボーディングを処理
- データベース: Supabase (PostgreSQL)を使用したリアルタイムサブスクリプションでライブ更新
- 認証: Supabase Authを使用したロールベースのアクセス
- スケジューリング: Calendly統合によるリアルタイム予約同期
- 支払い: Stripeを使用したサブスクリプション、一回払い、家庭教師への支払い
- 状態管理: Redux Toolkitを使用したグローバルステート、React Queryを使用したサーバーステート
- フォームバリデーション: React Hook FormとZodスキーマバリデーション
- アニメーション: Framer Motionを使用したトランジション、ローダー、モーダル
主な機能
- サブスクリプションシステム — Stripeを使用したプランで、定期請求と無料ティアサポート
- リアルタイムスケジューリング — 学生と家庭教師間の予約同期のためのCalendly統合
- Supabase Edge Functions — 予約、支払い、オンボーディングロジックのためのサーバーレスAPIエンドポイント
- フォームバリデーション — React Hook FormとZodスキーマで送信エラーを防止
- 家庭教師への支払い — Stripe Connectを通じた自動支払い処理
- ライブ更新 — Supabaseリアルタイムサブスクリプションで即時の予約とステータス変更
- レスポンシブデザイン — モバイルフレンドリーなUIで、Framer Motionアニメーションとアクセシブルなモーダル
- 自動デプロイ — 安定した一貫性のあるリリースのためのCI/CDパイプライン
成果
技術スタック
caseStudyDetail.more ケーススタディ
その他の技術実装事例をご覧ください
マルチプラットフォームコンテンツ＆サブスクリプション管理システム
コンテンツ/サブスクリプションサービスプロバイダーは、ユーザー認証、コンテンツライブラリ、サブスクリプションのライフサイクルを管理するため、モバイル、Web管理、バックエンドにまたがる完全なプラットフォームを必要としていました。
Catant HR & ワークフォース管理プラットフォーム
Catantは、企業が従業員、給与計算、勤怠、およびコンプライアンスを単一のダッシュボードから管理できるよう支援する、モジュラー型のHRおよびワークフォース管理プラットフォームです。
よくある質問
MicrocosmWorksは、すべての空き状況をUTCで保存し、IANA timezone databaseを使用してユーザーの現地タイムゾーンで表示するスケジューリングエンジンを構築しました。システムはまた、夏時間への移行を自動的に処理し、あるタイムゾーンの生徒が別のタイムゾーンの講師を検索する際に、重なり合う時間帯を表示します。
MicrocosmWorksは、学生に即座に通知し、該当する専門知識を持つ利用可能な代替チューターを提供し、適切な代替が見つからない場合はセッションを返金する自動再スケジュールワークフローを設計しました。繰り返しキャンセルするチューターは、信頼性評価システムでフラグが立てられます。
MicrocosmWorksは、学生が月ごとの時間パックを購入し、最大60日間繰り越し可能な、柔軟なクレジットベースのサブスクリプションシステムを導入しました。このプラットフォームは、StripeのサブスクリプションスケジューリングAPIを通じて処理される日割り計算での請求により、サイクル途中でのアップグレードおよびダウングレードをサポートしています。
はい、MicrocosmWorksは、1対1のセッションから最大8人までのグループセッションに拡張できるWebRTCとSFU（Selective Forwarding Unit）アーキテクチャを使用して、ビデオインフラを構築しました。グループセッションは生徒あたりのクレジット消費量が少なく、指導者の収益を維持しつつ、協調学習を促進します。
MicrocosmWorksは通常、1時間あたり$15～$40の開発レートで個別指導プラットフォームを提供しており、ビデオ統合、スケジュール、支払い、チューターマッチングを含む全範囲には600～900時間が必要です。WebRTCインフラストラクチャは費用対効果の高いクラウドインスタンスに展開できるため、継続的な運用コストを低く抑えることができます。