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]。