核心功能
通过订阅连接学生与导师集成 Calendly 实现实时排课自动化支付处理安全身份验证和数据库访问实时更新和通知使用 React Hook Form 和 Zod 进行表单验证
技术栈
SupabaseStripeCalendlyReactTypeScriptTailwindCSSNode.jsViteEdge FunctionsReact QueryReact Hook FormZodShadcn/UIFramer MotionRedux Toolkit
我们的贡献
我们的贡献
- 使用 React, TypeScript 和 TailwindCSS 创建了简洁、响应式的网页界面
- 使用 React Hook Form 和 Zod 添加了强大的表单验证，以防止错误
- 设置 Supabase 实现用户身份验证、安全数据库访问和实时更新
- 构建了后端 Edge Functions，用于处理预订、支付和用户注册的安全 API
- 集成 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.