我将根据Figma设计构建您的React或Next.js前端，并将其连接到您的API

设计已完成，API 已准备就绪或接近就绪，但用户将看到的屏幕尚不存在。我只构建前端：您的后端、身份验证提供商和托管保持不变，代码进入您的存储库。交付后 14 天内，我将免费修复任何与我们约定不符的问题。

使用 Starter，您可以从 Figma 文件中获得一个屏幕或页面，响应式且类型化，其数据来自您的 API，或者在端点存在之前来自模拟。Standard 涵盖最多五个连接到您的 API 的屏幕，具有加载、空和错误状态以及带验证的表单。Advanced 最多允许十二个屏幕，并添加了与您的身份验证提供商一起使用的登录屏幕、应用程序中使用的共享组件以及主要流程的测试。

我严格遵循设计：间距、字体大小和颜色均来自 Figma 文件。如果屏幕没有移动版本，我会在构建之前提出一个，而不是猜测。Next.js 和 App Router 是我的默认选择；如果您不需要服务器渲染，纯 React 和 Vite 也可以。对于样式，我使用 Tailwind CSS 或 CSS Modules，具体取决于您的项目已有的。

我在桌面上的 Chrome、Firefox 和 Edge 以及真实 Android 手机上的 Chrome 中检查结果。

我的前端作品有两个公开示例在作品集中：一个带有过滤器、购物车和结账的 Next.js 店面，以及我自己的双语网站。

我只通过书面形式工作，不进行会议。在开始之前列出屏幕及其背后的端点，预览链接显示工作的进展，并且每个工作日都会在聊天中收到简短的进度说明。

完成项目的步骤
1. 屏幕列表 - 我会仔细查看 Figma 文件和您的 API 文档，并记下每个屏幕、其状态以及它调用的端点。在编写任何代码之前，您需要确认此列表。
2. 基础和共享部分 - 项目设置或您现有的存储库、Figma 中的颜色和类型，以及每个屏幕重复使用的布局和组件。
3. 屏幕和数据 - 每个屏幕都按照设计构建并连接到您的 API，具有加载、空和错误状态。缺失的端点会获得一个易于替换的模拟。
4. 预览链接上的审查轮次 - 您点击并以一个列表的形式发送更正。我修复它们并再次显示相同的链接。
5. 移交 - 您的存储库中的代码，关于结构和如何运行的简短说明，以及在 Advanced 上，您可以在每次发布前运行的测试。