HizliSepet

由MongoDB，Express，React Native和Nodejs製造的完整堆棧開源移動電子商務應用程序

• 配置和設置
• 關鍵功能
• 使用的技術
  • 前端（移動）
  • 後端
  • 資料庫
• ？模型
• ？項目視頻
• 作者
• 執照

配置和設置

為了在本地運行該項目，只需分叉並克隆存儲庫或下載作為zip並在計算機上解壓縮即可。

• 在您喜歡的代碼編輯器中打開項目。
• 轉到終端 - >新終端（如果使用VS代碼）
• 首先，您需要運行NGROK服務器。該服務器不應關閉項目工作
• 然後打開不同的終端。將您的終端分為一半（在一個終端中運行服務器，另一個終端中的客戶端）

Ngrok是一種軟件，允許我們在自己的計算機上，通過cloud，xxx.ngrok.io子域上的Localhost打開我們的應用程序。 NGROK設置。

1-使用nGrok公開服務器；

 $ ngrok http 5000

• 然後在正在運行的服務器上複製Ngrok URL
• CD客戶端和粘貼ngrok_url在.env下/client
• 現在確保與客戶的聯繫

 NGROK_URL  = "http://_______.ngrok.io"

2-在不同的端子中；

在終端的上半場

 $ cd Client
$ npm install (to install client-side dependencies)
$ expo r -c

在終端的後半部分

• CD服務器和設置環境變量在./config/env下
• 創建您的MongoDB連接URL，您將用作mongo_uri
• 提供以下證書

 #  ---  Config.env  ---

NODE_ENV = development
PORT =5000
MONGO_URI =
JWT_SECRET_KEY = 

 # --- Terminal ---

$ npm install (to install server-side dependencies)
$ npm start (to start the server)

關鍵功能

• ✔️用戶註冊和登錄
• 使用JWT令牌身份驗證
• 最喜歡的，評論並將產品添加到購物車中
• ✔️根據顏色和尺寸信息選擇產品，然後將其添加到購物車中
• ✔️展示您查看過的最新產品和類似的產品建議
• ✔️產品類別頁面和子類別顯示
• ✔️按名稱，品牌和類別搜索產品
• ✔️增加，減少或刪除購物車中每個項目的數量
• ✔️通過選擇送貨地址和銀行卡接收訂單
• ✔️細節頁面顯示所有訂單的所有訂單和每個訂單的最新狀態（運輸時間，交貨日期）
• ✔️電子郵件和密碼更改頁面
• ✔️注意處理錯誤
• 忘記密碼頁面和密碼重置
• 將照片添加到評論
• 使用Google帳戶登錄
• 為每個品牌創建一個自定義頁面
• 增加支付系統（條紋）
• 有時會緩慢處理請求，並在同一時間發射時會引起問題（微服務架構是否是解決方案？）。

使用的技術

該項目是使用以下技術創建的。

前端（移動）

• React JS-用於構建專門用於單頁應用程序的用戶界面的JavaScript庫
• React Hooks-用於管理和集中應用程序狀態
• React Native-跨平台移動應用程序開發框架
• React Navigation V6-博覽會的路由和導航和反應本機應用程序
• Axios-進行API調用
• 反應新的彈性檢查框7.2.1
• React-Native-element-Textinput 2.2.0
• 反應態底部1.1.0
• 反應本地指示劑0.17.0
• 反應新模式13.0.1
• 反應原始popup-menu 0.16.1
• 反應原始過程5.0.0
• 反應本性評估8.1.0
• 反應新的安全區域-Context 4.4.1
• 反應本質簡單的描述1.5.0
• 反應態探測器1.0.3
• 反應態啟動-Message 2.1.6
• 反應textarea-autosize 2.1.6

後端

• 節點JS-一個運行時環境，可幫助使用JS構建快速服務器應用程序
• Express JS-用於處理和路由HTTP請求的服務器
• Mongoose-用於建模和映射MongoDB數據到JavaScript
• Express-Async處理程序 - 簡單的中間件，用於處理異步express路線內部的異常並將其傳遞給您的Express錯誤處理程序
• jsonwebtoken-用於身份驗證
• BCryptjs-用於數據加密
• dotenv-加載環境變量的零依賴關係模塊
• multer -node.js中間件上傳文件
• CORS-提供連接/快速中間件
• UUID-對於隨機ID生成器

資料庫

• MongoDB-它為存儲MongoDB收藏提供了免費的雲服務。

模型

作者

• Github： @Muhammet-Yildiz

• LinkedIn： @Muhammet-Yildiz

• 電子郵件：[email protected]

• 如果您喜歡該項目，請不要忘記給星星

執照

 Copyright 2023 Muhammet Yıldız
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    https://www.apache.org/licenses/LICENSE-2.0
    
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

項目視頻

hizlisepet.mp4