shop app

商店應用

描述

該項目是對購物系統的簡化實施，該項目旨在提供預期在移動電子商務應用程序中找到的基本功能，用戶可以在其中購買和銷售產品。要瀏覽該應用程序，用戶必須對自己進行身份驗證。登錄後，用戶可以滾動瀏覽可用產品的列表，向購物車添加不同的產品並下達訂單。用戶還可以添加，編輯，將自己的產品刪除到主商店中。

身份驗證和安全性

該應用包含一個使用Firebase Auth Rest API實現的簡單身份驗證系統。如果身份驗證過程成功，則將唯一的令牌從後端發送給關注的用戶，然後將令牌存儲在該設備中，並將在其接收量的1小時後準確到期。當過期時，將令牌從設備中刪除，將自動登錄用戶並提示到登錄屏幕。否則，如果身份驗證過程出現問題，則將在屏幕上顯示正確的錯誤消息。

為了確保每當用戶輸入某些數據時提供正確的憑據，該項目中的所有表單都包含一些基本驗證算法，這些算法在需要驗證時將重新使用。

資料庫

該項目中的大多數數據（產品，訂單，用戶）存儲在Firebase實時數據庫中。其他一些特定於用戶的數據（驗證，喜歡的產品）使用asyncstorage在設備中存儲。

導航

該項目中的所有導航均使用React Navigation V5構建。

動畫

該應用程序在不同屏幕上包含不同類型的動畫以提供更光滑的用戶體驗，使用反應本機的複活庫來實現所有動畫，這意味著在本機中的UI線程中完成了動畫不同樣式屬性所需的絕大多數計算，因此，如果本機之間的橋樑在本機之間的橋樑也很少，因此，如果unim頻繁地越過j，那麼在unimed中，動畫就會流行下來，動畫會越來越流行，動畫會越來越流行，因此，動畫的範圍很平穩，因此，動畫卻是在繁忙的。即使在低端設備中也是60fps。

設計

該應用程序中使用的所有設計資產（屏幕，組件，圖標...）均由該項目的所有者製造。

用法

要在本地運行該項目按順序運行以下命令：

克隆本地項目

 $ git clone https://github.com/abdoutech19/shop-app.git

導航到項目根目錄

 $ cd shop-app

安裝所有依賴關係

 $ yarn install || npm install

以調試模式運行項目

 $ npx react-native run-android

或以發行模式運行項目以獲得更順暢的體驗

 $ npx react-native run-android --variant=release

注意：該項目使用Hermes JavaScript引擎來改善啟動時間，減少內存使用情況並降低應用程序尺寸。為了使這些改進生效，該應用必須在發布模式下運行，否則，愛馬仕對在調試模式下的性能不會有任何影響，實際上，某些開發人員注意到在調試模式下啟用Hermes Engine的結果較慢。

建立

• 反應天然V0.64
• 反應導航V5
• Firebase Auth
• Firebase實時數據庫
• 反應天然復活的V2

演示

要在Android設備中測試該應用程序，您可以從此處下載.APK文件：購物。

視頻演示

身份驗證和驗證

shop.app.demo .-。 auth.mp4

購物

shop.app.demo .-。 shopping.mp4

執照

根據MIT許可分發。有關更多信息，請參見許可證。

接觸

給我發電子郵件：[email protected]。