プロジェクト一覧に戻る
SaaS ApplicationLiveWeb
Prime Tutor: オンライン家庭教師プラットフォーム
サブスクリプションを通じて生徒と家庭教師を繋ぐ使いやすいプラットフォームで、リアルタイムのスケジュール調整と自動支払いを備え、オンライン家庭教師をシンプルかつ信頼性の高いものにします。
15+
Technologies
8+
Key Features
Web
Platform
主な機能
サブスクリプションによる生徒と家庭教師の接続Calendly 連携によるリアルタイムスケジュール調整自動支払い処理安全な認証とデータベースアクセスライブアップデートと通知React Hook Form と Zod を使用したフォームバリデーション
技術スタック
SupabaseStripeCalendlyReactTypeScriptTailwindCSSNode.jsViteEdge FunctionsReact QueryReact Hook FormZodShadcn/UIFramer MotionRedux Toolkit
私たちの貢献
当社の貢献
- React、TypeScript、TailwindCSS を使用して、クリーンでレスポンシブなウェブインターフェースを作成
- エラーを防ぐため、React Hook Form と Zod を使用して強力なフォームバリデーションを追加
- ユーザー認証、セキュアなデータベースアクセス、ライブアップデートのために Supabase を設定
- 予約、支払い、オンボーディングを処理するセキュアな API のためのバックエンド Edge Functions を構築
- リアルタイムの予約同期を行うため、スケジュール調整に Calendly を統合
- サブスクリプション、ワンタイム支払い、家庭教師への支払いを安全に管理するために Stripe を使用
- 迅速でスムーズなユーザーエクスペリエンスのために、Redux Toolkit と React Query でアプリの状態を管理
- プラットフォームの安定性を維持するため、自動デプロイとテストを実装
- アニメーション、ローダー、モーダル、モバイルフレンドリーなデザインでユーザーエクスペリエンスを向上
成果
Successful platform launch connecting students and tutorsEasy scheduling and automated paymentsScalable and reliable architecturePolished user experienceReady for AI-powered feature additions
よくある質問
MicrocosmWorks integrated Calendly for availability management, allowing tutors to set recurring and one-off availability windows that students can book in real time. The Supabase backend with Edge Functions handles booking conflict resolution, timezone conversion, and automatic calendar sync. When a student books a session, both parties receive confirmation and the Stripe subscription is checked to validate remaining session credits.
MicrocosmWorks integrated Stripe for subscription billing with multiple plan tiers based on session frequency. The system handles automatic payment processing at booking time, proration for mid-cycle plan changes, and failed payment retry logic. Tutor payouts are calculated automatically based on completed sessions, and the admin dashboard provides revenue reporting, subscription metrics, and payout tracking.
MicrocosmWorks built a streamlined tutor onboarding flow using React Hook Form with Zod validation that collects qualifications, subject expertise, availability preferences, and pricing in a multi-step form. The Supabase backend stores tutor profiles with searchable tags, and an admin review queue allows platform operators to verify credentials before tutors appear in student search results.
MicrocosmWorks built Prime Tutor with React and TypeScript on Vite for the frontend, Supabase for the backend (PostgreSQL database, authentication, real-time subscriptions, and Edge Functions), and TailwindCSS for styling. Supabase was chosen for its built-in real-time capabilities, row-level security for multi-role access control, and Edge Functions that reduce cold-start latency, keeping the total infrastructure cost low for a startup-stage product.
MicrocosmWorks designed Prime Tutor's data model to accommodate both one-on-one and group session types. The Supabase schema supports session capacity limits, waitlists, and group pricing tiers. Extending to course-based learning with scheduled lesson sequences is architecturally straightforward, and MicrocosmWorks can add this capability in 4-6 sprint cycles at development rates of $15-$30/hr.