Online Grocery Store
1.0.0
在線雜貨店是基於電子商務的Web應用程序，用於我們的Web編程項目。我們開發了一個樣本，用戶可以在其中搜索並找到有關任何雜貨項目的必要信息，可以繼續結帳以購買產品。用戶可以創建一個帳戶，更新個人信息，可以檢查其過去的活動，訂單和交易以及購物車項目。
https://github.com/parasgarg/online-grocery-store/
https://drive.google.com/file/d/0b79vfv-wa7ezme9wvmsxtpzmjg/view?usp = sharing
Frontend Languages: HTML, CSS, and Client-Side JavaScript Frontend Framework: Bootstrap Frontend Library: jQuery Backend: Server-Side JavaScript Backend Framework: NodeJS and NPM Database: MongoDB Other Libraries: Tota11y, and HTML Validator Tools: MS Visual Code, MS Command Panel
“ bcrypt”：“^1.0.2”，“身體較寬”：^1.17.1“，“ connect-flash”：“^0.1.1”，“ cookie-parser”：“^1.4.3”，“ cookie-session”，“ cookie-session”：“ “^0.1.0”，“ Express-passport-logout”：“^0.1.0”，“ Express-Session”：“^1.15.2”，“ handerbars-intl”：“^1.1.2”，“ handlybars-paginate”：“^0.1.0”，^0.1.0“ “路徑”：“^0.12.7”，“隨機串”：“^1.1.5”，“ uuid”：“^3.0.1”，“驗證器”：“^7.0.0”，“ XSS”：“^0.3.3”
安裝和配置系統和環境後。按照步驟運行項目 -
用戶註冊/標誌：用戶需要創建帳戶以進行任何類型的購買，但是要檢查項目和其他搜索不需要登錄用戶。首先需要註冊並登錄用戶以檢查最近的活動，交易，訪問e-Wallet和物品購物車。為了創建帳戶，用戶需要單擊註冊按鈕滿足所有創建帳戶表格的要求，以便與我們註冊。如果您想登錄，他需要去登錄並提供與我們合作的證書。如果用戶忘記了密碼，我們提供一個模塊來再生新密碼。忘記模塊的鏈接可以在符號中找到。
用戶儀表板：要更改用戶信息和其他設置，我們已經在儀表板面板中開發了模塊，但是當用戶單擊其名稱時，用戶還可以在頁面右上角的所有這些選項中找到所有這些選項。
2.1帳戶設置：此模塊提供了一個面板來更改用戶配置文件和密碼信息。 2.2付款設置：此模塊可幫助用戶與我們一起存儲其卡信息，以方便付費和訂單功能。 2.3錢包設置：在此模塊中，用戶可以通過添加更多現金或購買商品而無需使用任何卡信息來維護其電子現金。用戶可以從保存的卡中添加現金，也可以使用保存卡以外的其他使用，但用戶可以在一次交易中最多增加1000美元，總體上允許10000美元。同時，用戶可以在同一頁面上檢查其錢包活動和詳細信息。 2.4訂單歷史記錄：此功能可幫助用戶檢查過去的所有購買以及其他詳細信息，例如購買日期，購買的產品和付款信息。 2.5新聞通訊：用戶可以管理和訂閱或取消訂閱我們的新骨架。 2.6註銷：用戶可以成功伐木以避免對其帳戶開發。
用戶購物車：用戶可以添加項目或刪除項目或編輯每個項目的問題（允許每種產品最多5次）。在這裡，用戶可以檢查總付款信息並繼續結帳。
SEACH產品：用戶可以通過在頁面頂部存在的搜索欄中鍵入產品，ID，名稱，品牌和類別來進行SEACH。
過濾搜索：用戶可以根據價格範圍和類別來完善其搜索。此功能將在搜索結果中可用。
類別搜索：用戶可以通過在徽標旁邊的頁面左上角上選擇類別來直接根據其類別搜索產品。
產品信息：用戶可以通過單擊每個產品縮略圖上的標題或給定的視圖按鈕來檢查產品信息，並發現有關該產品的更多信息，並可以通過單擊項目顯示圖片下的“添加到購物車”按鈕，將其添加到卡車中。
其他：我們已經實施了假網關，用戶可以選擇付款方式，即保存卡，新卡和錢包。用戶可以通過任何列出的模式支付金額，還可以在底部查看其付款信息，然後可以付款並繼續執行最後一步，這是確認將顯示確認消息並生成事務或訂購的確認（也可以在用戶儀表板中使用）。
