音乐 · 在线预订

МуzzZал

音乐排练室在线预订平台。
网站 + 基于 Expo 的移动应用。

5 天开发周期
6演示中的场地数
2平台(网页 + 移动端)
live数据来自 Supabase

做一个可以卖给排练室与音乐工作室的样板产品。客户能自己浏览场地、在可视化排期表上选择时段并完成预订,不用打电话——类似 musbooking.com,但面向单一场地。

用 Next.js 服务端组件让场地列表快速加载,前端排期表支持拖动选择时段,Supabase 负责数据存储与时段的原子锁定。Expo 应用复用同一套数据库与业务逻辑。

01

场地目录

每个场地都有照片、介绍、设备清单与价格,可按乐器类型筛选,并有独立的详情页与相册。

02

可视化排期表

横向排期表覆盖 09:00–22:00、共七天,已占用时段实时标记,按住拖动即可选择连续时段。

03

在线预订

只需填写姓名与电话。确认时时段会被原子锁定,到店付款。

04

移动应用

基于 Expo 的 iOS 与安卓原生应用,使用同一份 Supabase 数据与同样的预订流程,界面针对手机重新排布。

Next.js 15React 18TypeScriptTailwind v4SupabaseExpoReact NativeDocker

也想要这样一个平台?

1–2 周即可按你的工作室或排练场地做出调整。

洽谈项目 →