海盗岛
您是一位有抱负的海盗,想踏上一段寻宝之旅吗?还在等什么!在海盗岛注册,购买您的装备,选择一张地图,然后扬帆起航?
YouTube演示: 海盗岛
灵感
AhoyHacks黑客松旨在汇聚全球开发者,在周末构建独特的东西。黑客松的主题和动机启发了我们创造海盗岛。海盗岛是一个海盗的国度,开发者(想成为海盗的人)来到岛上,注册自己,购买一些海盗装备,然后扬帆起航去寻宝。
它的功能
- 海盗岛以一个介绍页开始,让有抱负的海盗们了解该应用的所有功能。
- 已登录的海盗将被引导至海盗商店,在那里他们可以购买海盗装备,即开始海盗之旅所需的一切。商店提供各种类别,如帽子、长袍、武器、船只等。
- 从商店选择一件商品后,用户将被导航到产品详情页。此屏幕为用户提供干净且极简的UI/UX。
- 用户可以购买商品,将它们添加到收藏夹清单中,并结账。用户可以从个人资料标签页查看订单历史记录。
- 选择好装备后,海盗可以根据自己想要探索和寻宝的地图进行选择。
我们是如何构建的
- 该应用(海盗岛)是使用Flutter SDK和Dart语言构建的。前端集成了Material-UI。
- 我们使用了多个Flutter包来给应用程序带来良好的外观和感觉。
我们遇到的挑战
- 由于黑客松的主题是海盗,我们决定完全遵循它。我们想构建一些有趣的东西,并且更加关注UI/UX和Flutter的内部机制。
- 到目前为止,我们已经开发了一些应用程序,但这次我们想更进一步,构建一些更高级的东西。
我们引以为豪的成就
- 我们为在周末从零开始开发一个应用程序感到自豪。
- 创建可用的最小可行产品。
我们学到了什么
- 深入了解Flutter的内部机制,如Provider状态管理、Material Page Route等。
- 学会将Auth0嵌入Flutter应用程序。
海盗岛的下一步是什么?
- 我们投入了大部分时间来构建UI和添加应用程序功能。接下来,我们将使用Auth0身份验证添加用户登录/注册功能。
- 我们还将使用Twilio将通信功能集成到我们的应用程序中。
使用的技术栈
- Flutter SDK和Dart
- Material UI用于前端
- Firebase作为实时数据库










