Spark Program | CKB-UGMP —— A Universal Spore/DOB Seamless Minting Infrastructure Prototype on CKB —— 基于 CKB 的通用 Spore/DOB 无感铸造基础设施原型

中文
,
14

各位好，向各位汇报本周的工作

1. 前端工程初始化完成

已完成基于 Next.js 14 + TypeScript + Tailwind CSS 的前端项目初始化，并整理为后续可扩展的仓库结构。

2. CCC Provider 与钱包连接层已接入

已完成 @ckb-ccc/connector-react 的接入，并在全局布局中注入 Provider，作为后续所有链上交互的基础。

3. Mint 主流程 UI 骨架已建立

当前 Mint 工作台已包含：

  • 本地图片选择入口

  • 已选文件名与体积状态展示

  • Storage Selector 下拉菜单

  • 预留的 Mint Pipeline Preview 区块

  • 后续 Mint DOB 按钮的禁用态占位

九、下周计划

第 2 周计划进入“上传层与请求状态管理”阶段，优先推进以下事项：

  1. 接入 Pinata / IPFS 上传逻辑，完成本地图片到 CID 的基础链路。

  2. 增加上传相关状态管理，包括上传中、成功、失败和错误提示。

Hi there,

Weekly Progress Report

1. Frontend Project Initialization

Successfully initialized the frontend project using Next.js 14 + TypeScript + Tailwind CSS. The repository structure has been organized to ensure scalability for future development.

2. Integration of CCC Provider and Wallet Connection Layer

Integrated @ckb-ccc/connector-react and injected the Provider into the global layout. This establishes the essential foundation for all subsequent on-chain interactions.

3. Mint Main Flow UI Skeleton Established

The Mint workspace now includes the following components:

  • Local image selection entry.

  • Display for selected filename and file size status.

  • Storage Selector dropdown menu.

  • Reserved block for Mint Pipeline Preview.

  • Disabled placeholder for the Mint DOB button.

Next Week’s Plan

The second week will focus on the “Upload Layer and Request Status Management” phase, prioritizing the following:

  1. Integrate Pinata / IPFS upload logic to complete the basic pipeline from local images to CIDs.

  2. Implement upload-related state management, including loading, success, and failure states, along with error prompts.

Best,

HNO3Miracle

5 Likes