shop app
1.0.0
Dieses Projekt ist eine vereinfachte Implementierung eines Einkaufssystems. Das Projekt zielt darauf ab, die grundlegenden Funktionen bereitzustellen, die in einer mobilen E-Commerce-Anwendung zu finden sind, in der Benutzer Produkte kaufen und verkaufen können. Um durch die App zu navigieren, müssen Benutzer sich authentifizieren. Sobald sich angemeldet hat, können Benutzer durch die Liste der verfügbaren Produkte scrollen, dem Wagen verschiedene Produkte hinzufügen und Bestellungen erstellen. Benutzer können auch ihre eigenen Produkte hinzufügen, bearbeiten und in den Hauptgeschäft entfernen.
Die App enthält ein einfaches Authentifizierungssystem, das mit Firebase Auth REST -API für das Backend implementiert ist. Wenn der Authentifizierungsprozess erfolgreich ist, wird eine einzigartige Token vom Backend an den Nutzer in Sorge gesendet, das Token wird dann lokal im Gerät gespeichert und läuft genau nach 1 Stunde des Empfängers aus. Wenn abgelaufen ist, wird das Token vom Gerät gelöscht und der Benutzer wird automatisch unterschrieben und auf den Anmeldebildschirm aufdrückt. Andernfalls wird auf dem Bildschirm die richtige Fehlermeldung angezeigt, wenn beim Authentifizierungsprozess etwas schief ging.
Um sicherzustellen, dass die richtigen Anmeldeinformationen zur Verfügung gestellt werden sollen, wenn der Benutzer einige Daten eingibt, enthalten alle Formulare in diesem Projekt einige grundlegende Validierungsalgorithmen, die bei Bedarf wiederverwendet werden.
Die meisten Daten in diesem Projekt (Produkte, Bestellungen, Benutzer) werden in der Firebase Echtzeitdatenbank gespeichert. Einige andere benutzerspezifische Daten (author-geehrte, bevorzugte Produkte) werden lokal im Gerät unter Verwendung von Asyncstorage gespeichert.
Die gesamte Navigation in diesem Projekt wird mit React Navigation V5 erstellt.
Die App enthält verschiedene Arten von Animationen auf verschiedenen Bildschirmen, um eine reibungslosere Benutzererfahrung bereitzustellen. Alle Animationen werden mit der React Native Reanimated Library implementiert, was bedeutet, dass die überwiegende Mehrheit der Berechnungen, die zur Animation verschiedener Stileigenschaften erforderlich sind 60 fps sogar in Low-End-Geräten.
Alle in dieser App verwendeten Designvermögen (Bildschirme, Komponenten, Symbole ...) werden vom Eigentümer dieses Projekts hergestellt.
Um das Projekt lokal auszuführen, führen Sie die folgenden Befehle in der Reihenfolge aus:
Klonen Sie das Projekt lokal
$ git clone https://github.com/abdoutech19/shop-app.git
Navigieren Sie zum Projekt Root Directory
$ cd shop-app
Installieren Sie alle Abhängigkeiten
$ yarn install || npm install
Führen Sie das Projekt im Debug -Modus aus
$ npx react-native run-android
Oder führen Sie das Projekt im Release -Modus für eine glattere Erfahrung aus
$ npx react-native run-android --variant=release
Hinweis: Dieses Projekt verwendet die Hermes JavaScript-Engine, um die Startzeit zu verbessern, den Speicherverbrauch zu verringern und die App-Größe zu verringern. Damit diese Verbesserungen wirksam werden, muss die App im Freigabemodus ausgeführt werden. Andernfalls haben Hermes keinen Einfluss auf die Verbesserung der Leistung im Debug -Modus, in der Tat haben einige Entwickler mit der Hermes -Engine im Debug -Modus langsamere Ergebnisse festgestellt.
Um die App in Ihrem Android -Gerät zu testen, können Sie die .APK -Datei hier herunterladen: Einkaufen.
Unter der MIT -Lizenz verteilt. Weitere Informationen finden Sie unter Lizenz.
Senden Sie mir eine E -Mail an: [email protected].
