%20(2).svg)
项目简介
本项目是为墨尔本初创公司“Snacks in a Van”开发的网页应用。该公司运营着一批作为临时咖啡馆的食品车，会在墨尔本各地灵活停车营业。此应用为客户和供应商提供服务，客户能查找附近食品车、查看菜单并提前下单，供应商可管理订单、更新食品车位置与营业状态。
项目的主要特性和功能
客户功能
- 未登录时：可查找附近食品车（列表或地图形式），获取自身位置，计算最近的五辆食品车，选择食品车并查看菜单。
- 登录后：能注册与登录账号，修改个人资料，下单（含多种小吃及数量，订单带时间戳），监控订单状态，在规定时间内取消或更改订单，对订单进行1 - 5星评分。支持多设备，包括手机和桌面端。
供应商功能
- 登录：使用食品车名称登录和注册。
- 营业管理：可发送食品车位置到数据库，标记营业或下班状态，更改位置地址。
- 订单管理：查看未完成订单列表（按时间排序）、订单详情，标记订单已履行和已完成，已完成订单可再次查找。适用于iPad尺寸设备，设计清晰减少操作失误。
其他功能
- 菜单管理：菜单信息（含图片和价格）存储在数据库。
- 位置处理：通过欧几里得公式计算距离，可在地图上显示位置。
- 实时更新：订单监控页面实时刷新数据。
安装使用步骤
- 确保已下载本项目的源码文件。
- 打开终端，进入项目根目录，执行以下命令安装项目依赖：
bash npm install - 配置MongoDB Atlas数据库连接，将数据库连接信息配置到项目中对应的配置文件。
- 启动应用：
- 本地开发环境：
bash npm run dev - 生产环境：
bash npm start
- 本地开发环境：
- 打开浏览器，访问应用的URL，使用提供的测试账号（如客户账号：dummy@example.org，密码：dummy123456；供应商账号如justice，密码：Admin123等）进行功能测试与使用。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】