一个使用 Next.js 16 和 React 19 构建的导师预约平台工作原型,包含导师目录、筛选、模拟支付和内存数据存储,零配置即可运行。

Stars

16

7 天增长

暂无数据

Fork 数

0

开放 Issue

0

开源协议

暂无数据

最近更新

2026-07-13

AI 仓库情报摘要
FR-AI / ANALYSIS

为什么值得关注

展示了完整的导师预约端到端流程(浏览、筛选、预约、支付、接受、获取会议链接),使用现代 Next.js App Router,注重最小化设置和逼真的支付模拟。

适合谁使用

  • 评估 Next.js 16 用于原型化市场应用的开发者
  • 构建导师/教练平台 MVP 的初创团队
  • 学习全栈 React 和状态管理的学生
  • 评估预订系统特性范围的技术负责人

典型使用场景

  • 原型化带有预约和支付的导师匹配平台
  • 测试导师和学员角色的端到端用户流程
  • 演示模拟支付的授权和捕获逻辑
  • 构建带有可用性管理的可筛选目录的参考实现

项目优势

  • 零数据库依赖——内存存储配合种子数据,运行 npm install && npm run dev 即可启动
  • 覆盖完整预约生命周期:浏览、筛选、预约、支付授权、导师接受、会议链接共享
  • 模拟支付流程:预约时授权,导师接受后捕获,避免拒绝时的退款复杂性
  • 代码结构清晰,职责分离(API 路由、组件、库),并有对应需求的文档说明

使用前须知

  • 服务重启后数据重置,不适合生产或持久化使用
  • 无身份认证或登录——导师选择通过控制台下拉菜单手动进行
  • 支付为模拟,缺少评分、聊天、重复预约等范围外功能

README 快速开始

MentorMatch — Mentor Platform (test build)

A working prototype of the mentor booking platform described in the requirements: mentees browse mentors, filter by tags, book an open slot, pay, and get a meeting link once the mentor accepts.

Built with Next.js 16 (App Router) + React 19. No database is required — data lives in an in-memory store (lib/db.js) seeded from lib/seed.js, so the app runs with zero setup. Payments and payouts are simulated.

Run it

npm install
npm run dev      # http://localhost:3000

npm run build && npm start for a production build.

The in-memory store resets every time the server restarts (fresh seed data).

Where to click

PageRouteWhat it does
Directory/Grid of mentor cards + all filters (main screen)
Mentor profile/mentors/[id]Full details, bio, availability, booking panel
My bookings/bookingsMentee's bookings, status, meeting link
Mentor console/mentorSet availability, accept/decline requests (pick which mentor you act as — no login in this test build)

How the build maps to the requirements

  1. User roles — Mentee flow (/, /mentors/[id], /bookings) and Mentor flow (/mentor). No login in the test build; the console has a "acting as" mentor picker.
  2. Mentor directory — Card grid with name, photo (initials avatar), industry, working status, availability ("next slot" + open-this-week count), meeting mode, years of experience, university, company, last title, and support-area tags.
  3. Filtering — Any combination of industry, working status, meeting mode, experience range (min/max), university, and support areas (multi-select). "Both" mentors match Online/In-person requests.
  4. Mentor profile page — All tags in detail, bio, open-slots-only availability, per-slot "Book".
  5. Booking flow — Select slot → simulated payment (authorize) → booking is pending → mentor accepts/declines. On accept, a meeting link is shared to both parties; on decline, the mentee is refunded and the slot released.
  6. Mentor availability — Add/remove open time blocks (datetime-local). Booked slots disappear from mentee view and can't be removed until resolved.
  7. Payments — Authorized at booking, captured only after the mentor accepts (avoids refund complexity on decline). Payouts are manu

相关仓库与替代方案

根据分类、Topic 和编程语言匹配的相似项目。

react
精选
react GitHub avatar

react

React is a JavaScript library for building user interfaces with declarative, component-based, and cross-platform design.

Web 开发前端框架
246,741
tandpfun
精选
tandpfun GitHub avatar

wardrobe

A GPT‑image powered app that extracts individual garment cutouts from photos, organizes them into a digital wardrobe, and generates modeled outfit previews.

JavaScript
1,570
mshumer
精选
mshumer GitHub avatar

Claude-of-Duty

A browser-based first-person shooter built entirely with procedural generation and orchestrated AI agents, featuring 55k lines of Three.js/WebGL2 code and no art assets.

AI 与机器学习AI 智能体
1,234