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。
过滤搜索：用户可以根据价格范围和类别来完善其搜索。此功能将在搜索结果中可用。
类别搜索：用户可以通过在徽标旁边的页面左上角上选择类别来直接根据其类别搜索产品。
产品信息：用户可以通过单击每个产品缩略图上的标题或给定的视图按钮来检查产品信息，并发现有关该产品的更多信息，并可以通过单击项目显示图片下的“添加到购物车”按钮，将其添加到卡车中。
其他：我们已经实施了假网关，用户可以选择付款方式，即保存卡，新卡和钱包。用户可以通过任何列出的模式支付金额，还可以在底部查看其付款信息，然后可以付款并继续执行最后一步，这是确认将显示确认消息并生成事务或订购的确认（也可以在用户仪表板中使用）。
