开源了一个适配多设备的 WEB 电商全栈项目， APP 也在努力中。

[jixiaopeng]

<amp-youtube data-videoid="i4t7qpJihIU" layout="responsive" width="480" height="270"></amp-youtube>

全栈开源地址： 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

[Motorola3]

支持什么支付？

[jixiaopeng]

@Motorola3 因为是个人原因，目前还没有打通真实支付板块，后续我更新这个模块上去

[Motorola3]

@hlibaibai1 看了一下 东西还缺挺多 加油

[jixiaopeng]

@Motorola3 好的老师，继续努力，谢谢支持。

[gloye]

readme 里的项目结构怎么生成的呀

[jixiaopeng]

@gloye npm 上 tree 关键词一些库件，我都有点忘记了，好像我还用 chatgpt 改了改，变成现在的样子的

[webszy]

已 star

[default]

客户订单历史界面缺少明细，看不到商品数量

[jixiaopeng]

@webszy 谢谢支持⬆️

[jixiaopeng]

@default 收到建议，加入后续迭代中，谢谢支持⬆️

[default]

@hlibaibai1 #10 会长期更新维护吗?正好有个做外贸的朋友想做个产品展示站，想用你这个给他发布一个让他自己玩。

[jixiaopeng]

@default 目前就我一人在维护，利用下班时间在做，想着一直维护。能帮到你我很高兴的😊

[Xbathy]

已 star ，加油

[jixiaopeng]

@Xbathy 谢谢老师支持

[xbo586]

加油

[jixiaopeng]

@xbo586 谢谢老师支持，加油

[orzz]

已 star ，加油

[jixiaopeng]

@orzz 谢谢老师支持，感谢