megamart ecommerce

Megamart電子商務網站

歡迎來到我的React Redux電子商務網站！該項目是由React，Redux，Redux-Toolkit和其他各種技術構建的全堆棧電子商務解決方案。無論您是希望做出貢獻的開發人員，對我的平台感興趣的企業主，還是只是一個好奇的用戶，此讀書我都會指導您完成我項目的基本細節。

目錄

• 特徵
• 使用的技術
• 安裝
• 用法
• 貢獻
• 執照

特徵

我的React Redux Megamart電子商務網站功能：

• 產品目錄：瀏覽和搜索各種類別的產品。
• 用戶身份驗證：註冊，登錄和管理您的用戶配置文件。
• 購物車：從購物車中添加和刪除物品，更新數量，然後繼續結帳。
• 訂單管理：查看和管理您的訂單歷史記錄。
• 管理面板：用於管理產品，類別和訂單的管理界面。
• 響應式設計：一種對移動設備友好的用戶界面，可在所有設備上進行無縫購物體驗。
• 付款集成：安全付款處理以完成訂單。

使用的技術

• React：一個流行的JavaScript庫，用於構建用戶界面。
• REDUX：可預測應用程序狀態的狀態管理庫。
• React路由器：用於處理應用程序中的導航。我使用此反應路由器（React-Router-Dom）V6。
• node.js：用於構建應用程序服務器端的JavaScript運行時。
• Express.js：用於構建RESTFUL API的Web應用程序框架。
• Mongoose： Mongoose是MongoDB的對像數據建模（ODM）庫。
• 條紋：安全交易的付款處理集成。
• parwindcss：用於造型用戶界面。

安裝

要開始使用我的React Redux電子商務網站，請執行以下步驟：

1. 使用git克隆此存儲庫到您的本地計算機。

   git clone https://github.com/sksabbirhossain/megamart-ecommerce.git

2. 更改為項目目錄。

    cd megamart-ecommerce

3. 安裝服務器依賴性。 （建議使用紗線）

   yarn install

   或者，

   npm install

4. 創建.env文件或重命名.env.dev到.env ，並根據提供的.env.dev文件添加您自己的配置。

5. 使用此命令啟動開發服務器。

   yarn start

   或者

   npm start

6. 通過http://localhost:3000訪問Web瀏覽器中的應用程序。

用法

• 訪問已部署的網站或運行開發服務器（如安裝說明中所述）以訪問應用程序。
• 註冊帳戶或登錄以開始購物。
• 探索產品目錄，將項目添加到購物車中並完成訂單。

如果您是管理員，請訪問管理面板以管理產品，類別和訂單。

1. 轉到此URL並登錄為管理員

   http://localhost:3000/admin

2. 使用此信息登錄您的管理帳戶。

   email: [email protected]
   password: 1111

如果您成功登錄為管理員，則可以管理所有內容。

貢獻

如果您對要改進本網站的內容有任何建議，請讓問題分享您的想法並創建您的拉力請求。

執照

該項目已根據MIT許可獲得許可。根據許可證的條款隨意使用，修改和分發它。

在Megamart電子商務網站上享受您的購物體驗！如果您有任何疑問或遇到任何問題，請創建問題或與我聯繫。

服務器端代碼在這裡。

    https://github.com/sksabbirhossain/megamart-ecommerce-server.git