代码拉取完成,页面将自动刷新
c-shopping-rn
是一个精美的电商App,界面优雅,功能丰富,小巧迅速,包含一个电商平台MVP完整功能,具备良好的审美风格与编码设计。
项目数据接口来自于c-shopping Next.js 开源项目
项目传送门: https://github.com/huanghanzhilian/c-shopping
希望来的人,有所收获。故事不结束,青春不散场。
背景:
意图:
改进背景中提到的问题。
目的:
打造一个完整的,适合web端的良好生态。
Module | loading | skeleton | success | error or empty |
---|---|---|---|---|
feed |
Module | loading | success | empty | error |
---|---|---|---|---|
Category |
Module | Loading and skeleton | Level 1 | Level 2 | Level 3 |
---|---|---|---|---|
Classification subset |
Module | Loading and skeleton | Normal screen 1 | Normal screen 1 | Error |
---|---|---|---|---|
product details |
Module | Comment section | Click to verify login | Fill in the comments | Submit comment error | Comment submitted successfully |
---|---|---|---|---|---|
product review |
Module | Not logged in | Data is empty | Screen 1 | Screen 2 | add to the cart |
---|---|---|---|---|---|
Cart |
Module | Shopping cart to pay | Confirm payment | payment successful |
---|---|---|---|
Payment |
Module | Not logged in | After logging in | After logging out |
---|---|---|---|
Profile |
Module | A page that requires login | Before the button logic, you need to verify whether you are logged in and After entering the page, you need to verify whether you are logged in and redirect | login display error | login loading | login handle response | register |
---|---|---|---|---|---|---|
Authentication design |
Module | Loading or skeleton | Normal screen | Empty screen | Error |
---|---|---|---|---|
Orders List |
本地运行 c-shopping-rn React Native 应用程序,请按照以下步骤操作:
克隆存储库:
git clone https://github.com/huanghanzhilian/c-shopping-rn.git
导航到项目目录:
cd c-shopping-rn
安装依赖项:
npm install
启动:
npm start
连接移动设备或模拟器以运行该应用程序。
欢迎贡献! 请提出问题或提交拉取请求。
This project is licensed under the MIT License - see the LICENSE file for details.
This README provides a brief overview of the project's code structure and how to install and run the React Native app locally. Adjustments can be made to tailor it further to your specific project.
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。