核心功能
通过订阅连接学生和导师与 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 集成了 Calendly 以进行可用性管理，允许导师设置定期和一次性的可用时间段，学生可以实时预订。带有 Edge Functions 的 Supabase 后端负责处理预订冲突解决、时区转换和自动日历同步。当学生预订课程时，双方都会收到确认信息，并且会检查 Stripe 订阅以验证剩余课程积分。
MicrocosmWorks 集成了 Stripe 进行订阅计费，并根据会话频率设置了多个套餐层级。系统在预订时处理自动支付，对周期中套餐变更进行按比例计费，并实现失败支付重试逻辑。导师的支出根据完成的会话自动计算，管理员仪表板提供收入报告、订阅指标和支出跟踪功能。
MicrocosmWorks 构建了一个简化的导师入职流程，使用带有 Zod 验证的 React Hook Form，通过多步骤表单收集导师的资格、学科专长、可用时间偏好和定价。Supabase 后端存储带有可搜索标签的导师资料，一个管理员审核队列允许平台操作员在导师出现在学生搜索结果中之前验证其凭证。
MicrocosmWorks 使用 React 和 TypeScript 在 Vite 上构建了 Prime Tutor 的前端，后端使用 Supabase（包括 PostgreSQL 数据库、身份验证、实时订阅和 Edge Functions），并使用 TailwindCSS 进行样式设计。选择 Supabase 是因为它内置了实时功能，支持多角色访问控制的行级安全，以及可降低冷启动延迟的 Edge Functions，从而为处于启动阶段的产品保持较低的总基础设施成本。
MicrocosmWorks 设计了 Prime Tutor 的数据模型，以适应一对一和小组两种会话类型。Supabase 模式支持会话容量限制、等候名单以及小组定价层级。扩展到包含计划好的课程序列的基于课程的学习，在架构上是直接明了的，并且 MicrocosmWorks 可以在 4-6 sprint cycles 内，以 $15-$30/小时的开发费率添加此功能。