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/