全栈2026/ 04

As-a

一个阿拉伯语与英语的服务平台,找人做事、沟通需求、跟进订单。

AR / EN
双语界面
RTL
从右向左布局

项目截图

查看原图
As-a 服务平台首页,展示阿拉伯语标识与英语内容

01 / 06平台首页

截图为演示界面,其中的服务数据、评分、认证标识和金额不代表真实资质或交易业绩。

01概览

As-a 连接有需求的人和提供专业服务的人。买家可以按分类找服务,看清交付范围,再联系服务商、沟通和下单。服务商有自己的后台,管理上架内容、订单与收益。界面支持阿拉伯语和英语,也处理了从右向左的阅读布局。

02要解决什么

选中一个服务之后,事情还没结束:具体做什么、多少钱、什么时候算交付,都要讲清楚。As-a 把会话和订单放在一起,让双方能回头查看约定,知道工作进行到了哪一步。

03怎么做的

应用使用 Next.js 和 TypeScript,账户、PostgreSQL 数据、文件存储与消息订阅交给 Supabase。服务商可以在会话里创建订单,买家也能从服务页直接下单。Tap 支付接入在服务端核对交易结果,并处理重复回调;哪些记录能看、哪些状态能改,由数据库权限和事务约束。

04目前做到了什么

目前已有服务目录、服务商入驻、站内会话、订单交付确认和管理员审核,仓库里也有针对权限与支付逻辑的本地测试。当前仍按产品演示来展示。真实支付联调、旧数据库迁移,以及退款和争议处理,还需要在开放交易前完成验收。

05我学到了什么

这个项目让我更在意点击按钮之后发生的事。支付回调可能来两次,浏览器传来的价格不能直接信,同一个订单对买家和服务商也有不同的操作权限。我更愿意把这些规则写进服务端和数据库,再用测试检查每种身份实际能做什么。

06项目细节

  • 阿拉伯语与英语服务内容、搜索和分类筛选,以及 RTL 布局
  • 会话中展示订单卡片,服务商交付与买家确认分开处理
  • 服务端核对支付、防止重复处理,并记录人工提现转账凭据
  • 服务上架审核、数据库访问权限与管理员操作记录

下一个项目

更多项目