✍️ AdminApp
adminApp ist eine MERN-Stack-E-Commerce-Anwendung (nur Admin-Seite).
⚛️ Tech-Stacks verwendet
Hauptmerkmale
- Vollständig reaktionsschnell und benutzerfreundlich
- Dunkler und heller Modus
- Benachrichtigungsbereich
- Produkte hinzufügen, aktualisieren und löschen
- Kategorien erstellen, aktualisieren und löschen
- Registrieren, aktualisieren und löschen Sie Mitarbeiter
- Suchen Sie nach Mitarbeitern (nach Name, E-Mail und Telefonnummer)
- Gutscheine erstellen, aktualisieren und löschen
- Importieren und exportieren Sie Produkte, Kategorien, Gutscheine und Kunden
- Bestellungen herunterladen
- Suchen und filtern Sie Bestellungen nach:
- Status (zugestellt, ausstehend, in Bearbeitung und storniert)
- Start- und Enddatum
- Kundenname und
- Bestelllimits
- Fügen Sie internationale Sprachen und Währungen hinzu, aktualisieren, löschen und suchen Sie
- Eine Einstellung zur Steuerung von Admin und Store.
- Alle registrierten Kunden listen ihre gesamten Bestellungen einzeln auf und zeigen sie an.
- PWA hinzugefügt
- Dynamische Übersetzung aller dynamischen Daten wie Produkte, Kategorien, Attribute und Coupons.
- Produktattribute und Kombination.
- Und mehr inklusive aller notwendigen Validierungen
Erste Schritte und Installation
- Installieren Sie Node und npm
- Forken Sie das Projekt
- Öffnen Sie das Projekt in Ihrem bevorzugten Code-Editor
Backend-Installation
Navigieren Sie zum Verzeichnis adminApp-backend
und führen Sie dann den folgenden Befehl aus, um Abhängigkeiten zu installieren:
Konfigurieren Sie Ihre MongoDB-Datenbank. Nach der Konfiguration finden Sie einen Mongo-URI. Fügen Sie diesen einfach in die MONGO_URI-Variable Ihrer .env
Datei ein.
Sobald Sie sich erfolgreich mit MongoDB verbunden und .env konfiguriert haben, führen Sie dann npm run data:import
aus. Die Datei „seed.js“ wird ausgeführt und alle Demodaten in die Datenbank importiert. Wenn alles in Ordnung ist, ist die Backend-Konfiguration abgeschlossen. Nun finden Sie alle Demodaten in Ihrer MongoDB-Datenbank.
Führen Sie nun npm run dev
aus. Dadurch wird Ihr Backend auf dem lokalen Server auf PORT 5055 oder Ihrem Eingabe-PORT ausgeführt.
Admin-Installation
- Navigieren Sie zum Verzeichnis adminApp-admin und führen Sie dann den folgenden Befehl aus, um Abhängigkeiten zu installieren?:
- Erstellen Sie ein Cloud-Konto. Rufen Sie dann Ihren Cloudinary-Namen, API_KEY und API_SECRET ab. Wenn Sie fertig sind, kopieren Sie diese Werte und fügen Sie sie aus der Datei .env.local in die Zeilen REACT_APP_CLOUD_NAME, REACT_APP_CLOUDINARY_API_KEY und REACT_APP_CLOUDINARY_API_SECRET ein.
- Führen Sie nun
npm start
aus. Dadurch wird Ihre AdminApp auf dem lokalen Server unter http://localhost:4000 ausgeführt
Besuchen Sie adminApp
Probleme
Wenn Sie bei der Installation oder Verwendung der App Probleme feststellen, öffnen Sie bitte ein Problem mit dem Tag „Verbesserung“.
Hinweis: Stellen Sie sicher, dass Sie die vorhandenen Probleme durchsuchen, um zu überprüfen, ob das Problem bereits besteht.
Beitrag
Jeder Beitrag, den Sie leisten, wird sehr geschätzt . Wenn Sie einen Vorschlag haben, der diese App verbessern würde, gehen Sie bitte wie folgt vor:
- Forken Sie das Repo
- Erstellen Sie Ihren Feature Branch
- Übernehmen Sie Ihre Änderungen
- Zum Zweig schieben
- Öffnen Sie eine Pull-Anfrage
Sie können eine Diskussion oder ein Problem auch einfach mit dem Tag „ Erweiterung “ öffnen.
Bildnachweise
- Unsplash – https://unsplash.com
- Pexels – https://pexels.com
- Pngwing – https://www.pngwing.com/
- Instacart – https://instacart.ca
? Wenn Ihnen dieses Projekt gefällt, geben Sie ihm eine und teilen Sie es mit Freunden!