这是一个将 桂林山水 与 Minecraft (MC) 像素艺术风格 与TRAE完美融合的城市漫步导览网站。
我们致力于构建一个充满美好与科技的山水桂林。在这里,每一条旅游路线都是一段方块冒险,每一个景点都是一个像素故事。
“你不必拥有技术背景,只要你拥有想法即可。” —— 史蒂夫 (MU-ty)
- PixelMap (像素地图): 基于 SVG 实现的交互式放射状像素路径图,涵盖市中心、阳朔、龙脊等核心景区。
- TRAE 在桂林: 记录 TRAE 社区在桂林的开发者活动(Meetup、Demo Day),支持资料下载与地图标记。
- MC 风格 UI: 全站采用
Press Start 2P像素字体,模拟游戏界面的方块化按钮、阴影与材质。 - 管理员系统: 史蒂夫(管理员 MU-ty)的个人空间,支持 Coffee Chat 预约与 GitHub 深度互动。
- 框架: React 19 + Vite
- 样式: Tailwind CSS (自定义 MC 材质色系)
- 动画: Framer Motion (丝滑的 UI 弹窗与地图交互)
- 部署: GitHub Actions 自动化构建与部署
我们欢迎任何人参与共建!你可以:
- 提交 PR: 无论是修复 Bug 还是增加新的像素点位,欢迎任何形式的代码贡献。我们非常鼓励使用 AI 工具辅助提交 PR。
- 提交 Issue: 发现地图路线不对?有更好的 UI 建议?请尽管提出。
- 面基: 史蒂夫来自桂林电子科技大学,欢迎各位开发者来桂林面基、喝咖啡、聊技术。
- 克隆仓库:
git clone https://github.com/MU-ty/guilin-travel-and-trae.git
- 安装依赖:
npm install
- 启动开发服务器:
npm run dev
由 MU-ty 及其 AI 伙伴们共同打造。欢迎每一个你都能成为 Steve、Alex……