E Commerce Admin Dashboard

电子商务管理仪表板

欢迎使用电子商务管理仪表板，这是您轻松管理多个在线商店的集中中心。该管理仪表板使您能够控制电子商务业务的各个方面，包括产品管理、库存、销售等。它使用 Next.js、Shadcn UI、Tailwind CSS、用于 PostgreSQL 的 AWS RDS、用于图像存储的 AWS S3 以及用于身份验证的 Clerk 构建，简化了整个电子商务生态系统的管理。

主要特点

多店管理

• 通过一个集中式仪表板无缝管理多个商店，例如服装、食品、计算机等。
• 创建、更新或删除不同商店的广告牌、类别、尺寸、颜色和产品。

高效的数据处理

• 利用具有分页和搜索功能的表格来有效地查看和管理数据。
• 简化库存管理并轻松在主页上展示产品或将其存档。

数据可视化

• 使用 Recharts 通过订单、销售额和收入的图形表示来深入了解您的电子商务绩效。

与店员验证

• 使用 Clerk 对管理员进行安全身份验证，允许他们使用 OAuth2 或电子邮件和密码登录 Google 帐户。

带条纹的付款管理

• 通过 Stripe 集成轻松管理支付，提供无缝的交易体验。

主题模式

• 支持浅色和深色主题模式，享受个性化的用户体验，增强可读性和美观性。

订单确认

• 下订单后，您将收到自动电子邮件确认，其中包括唯一的订单跟踪号码，确保您始终了解您的购买情况。

演示

出于演示目的，已有意在生产中禁用管理路由，以便所有访问者都可以查看当前状态的管理网站。已经使用预先配置的产品创建了两家独立的商店，一家销售服装，另一家销售鞋子。

探索电子商务管理仪表板演示以实际体验这些功能。

陪同商店

GitHub页面

电子商务商店网站 GitHub： GitHub 存储库

网站

通过探索两个不同的商店来发现多商店功能，展示电子商务平台的多功能性。请随意浏览、将商品添加到您的购物车，并使用下面提供的测试卡信息完成结账流程，以获得完整的体验。

单击链接探索实时网站：

• 电商服装店网站
• 电子商务鞋店网站

使用的技术

• Next.js：用于服务器端渲染和构建 Web 应用程序的 React 框架
• Shadcn UI：一个流行的组件库，用于构建可访问且高度可定制的用户界面
• Tailwind CSS：实用优先的 CSS 样式框架
• PostgreSQL：强大的开源关系数据库管理系统
• AWS RDS：用于管理 PostgreSQL 数据库的 Amazon Web Services 关系数据库服务
• AWS S3：用于存储图像和其他资产的 Amazon Web Services 简单存储服务
• Clerk：用于安全管理用户登录的身份验证服务
• Stripe：用于处理定期付款的支付处理平台
• Recharts：用于构建交互式数据可视化的可组合图表库

截图

概览页面（浅色）

概述页面（深色）

产品页面

编辑产品页面

职员登录页面

执照

该项目已获得 MIT 许可证的许可。

接触

如果您有任何疑问或建议，请随时联系：

• 电子邮件：[email protected]
• 领英：https://linkedin.com/in/kpirabaharan/