Mobile
iOS & Android
React Native
Expo
移动 应用
两款真实的移动产品:为Monin品牌打造的跨平台配方与糖浆目录,以及旅行团体分摊记账应用—— 从引导流程和设计系统到详细界面。
01 / 饮品目录 · Monin
面向调酒师与鸡尾酒爱好者的Monin移动配方与糖浆目录
🍹 Monin Cocktails
配方目录 · React Native + Expo
跨平台目录类应用:基于Monin糖浆与果泥的鸡尾酒和饮品配方,从品牌六个官方网站整理翻译而来, 并附有来自moninsyrup.ru网站的独立产品库。完整设计流程——从参考分析和搭建设计系统, 到为iOS和Android排布所有界面。
799应用目录中的配方数量。
91按口味分类的糖浆与果泥。
8个界面——从引导流程到配方详情卡。
RU整个目录已翻译并本地化。
- 搜索支持按配方名称和原料查找。
- 分类筛选:鸡尾酒、无酒精鸡尾酒、冷热饮品、食物。
- 收藏功能通过AsyncStorage保存。
- 配方与产品关联:从配方卡片跳转到目录中对应的糖浆产品。
- 设计系统:米色背景、白色卡片、绿色分类标签、珊瑚色行动按钮。
应用共8个界面
引导流程首页配方目录糖浆目录收藏个人主页配方详情卡标签栏
React Native、Expo Router、TypeScript、用于快速列表的@shopify/flash-list、expo-image、AsyncStorage。
02 / 共同支出记账
用于旅行团体分摊支出记账的应用
🧳 团体支出
共同支出 · travel
面向共同管理旅行预算的团体:记录支出并注明付款人,可平均分摊或手动在参与者之间分配金额, 还有按日期或按姓名分组的总支出历史。
- 记录支出包含金额、日期、备注和附件。
- 分摊可平均分给所有参与者,或按每人手动分配。
- 参与者列表显示应付金额和确认状态。
- 支出历史按日期或按姓名分组。
场景共3个界面
新增支出金额分摊旅行历史
深紫色主题用于录入表单,浅色主题用于带旅行地点照片的历史记录。
洽谈项目
03 / 该服务的其他项目