总体规划
功能设计
本项目应该实现的功能,我们在智能合约的总体规划处讨论过,因此这里不做赘述。
总之,本项目的前端应该能够实现宠物蛋的铸造、宠物蛋的孵化、小猫喂食与检查等。
网站架构
根据上述设计,本项目中共需编写以下几类页面:
- Landing page:这是用户进入网站之后看到的第一个界面,这个页面将包含游戏的基本信息与联系方式;
- 宠物蛋铸造页:这个页面将用于铸造宠物蛋;
- iCat 详情页:这个页面将会展示 iCat 的所有属性,以及用户与 iCat 进行交互的按钮,这个页面将会根据用户是否为当前猫的主人进行变化;
- 个人主页:这个页面将展示用户的个人信息、所拥有的宠物猫、宠物蛋和其他物品,同样会根据权限进行选择性展示;
- 用户设置页:本页面将用于设置用户的昵称、头像、简介等不适合放在链上的信息,并将其同步到一个后端数据库上。
另外,还应编写一些适用于多页面的 component ,以减少整体代码量,降低项目维护难度。
从下一小节开始,我们将从环境搭建开始进行项目前端的开发。