头图

https://www.bilibili.com/video/BV1Xu4m1u7D8/?aid=1301627456&c...
全栈开源地址: https://github.com/huanghanzhilian/c-shopping
APP 开源地址: https://github.com/huanghanzhilian/c-shopping-rn

欢迎 Star 和提 Issues 、PR 。

前言
c-shopping是一个精美的web电商系统,支持响应式交互,界面优雅,功能丰富,小巧迅速,包含一个电商平台MVP完整功能,具备良好的审美风格与编码设计。

希望来的人,有所收获。故事不结束,青春不散场。

项目在线演示地址:

docker 部署地址:http://shop.huanghanlian.com/
vercel 部署地址:https://c-shopping-three.vercel.app/
项目传送门: https://github.com/huanghanzhilian/c-shopping

React Native 移动app应用:
项目传送门: https://github.com/huanghanzhilian/c-shopping-rn

项目介绍
背景:

一直以来前端UI框架被固定形式占据(受限于传统的UI框架),导致视觉疲劳,在开发一些高度自定义的项目时,往往力不从心;
多设备适配的web优秀项目很少,学习和维护成本较高;
当项目复杂后,在组件需要调用多个 api 时会变得复杂起来,比如需要管理多个 loading 和 error 状态,这会导致产生非常多的 state 声明,还有请求取消、请求竞态等可能存在的问题也容易被忽略;
随着项目复杂,样式的开发与维护变得庞大且臃肿;
意图:

改进背景中提到的问题。

目的:

打造一个完整的,适合web端的良好生态。

使用技术
NextJs、TailwindCss、Headless UI、MongoDB、Redux - Toolkit - RTK Query、JWT、Docker

功能

用户端:

登录 JWT认证
注册
首页(分类navBar、banner、slider、特价板块、hot板块、畅销板块)
搜索
二级分类页(分类navBar、banner、slider、特价板块、hot板块、畅销板块)
三级分类页(排序、筛选)
商品详情(购物车)
购物车页
支付页
个人中心
我的订单
我的评论
地址管理
近期访问

管理端:

登录 JWT认证
注册
用户管理
分类管理
规格管理
商品管理
订单管理
评论管理
滑块管理
banner管理


继小鹏
4 声望1 粉丝

The story continues, and youth doesn't fade away. 故事不结束,青春不散场。