Online Grocery Store
1.0.0
Der Online -Lebensmittelgeschäft ist eine eCommerce -basierte Webanwendung für unser Web -Programmierungsprojekt. Wir hatten ein Beispiel entwickelt, in dem der Benutzer die erforderlichen Informationen zu jedem Lebensmittelelement suchen und finden kann, um Produkte zu kaufen. Der Benutzer kann ein Konto erstellen, persönliche Informationen aktualisieren, seine früheren Aktivitäten, Bestellungen und Transaktionen sowie die Karossenkartierelemente überprüfen.
https://github.com/parasgarg/online-grocery-store/
https://drive.google.com/file/d/0b79vfv-wa7ezme9wvmsxtepzmjg/view?usp=sharing
Frontend-Sprachen: HTML-, CSS- und Client-Side-JavaScript-Frontend-Frontwork: Bootstrap Frontend Library: JQuery Backend: Server-Seite Javascript Backend Framework: NodeJS und NPM-Datenbank: MONGODB Andere Bibliotheken: Tota11Y und HTML-Validator-Tools: MS Visual Code, MS Visual Code, MS-Befehlscodes, MS-Befehlscodes, Befehlscode, MS-Befehlscode, MS-Befehlscode, MS-Befehlscode, Befehlsvorschriften, MS-Befehlscode, MS-Befehlsvorschriften, MS-Befehlscode, MS-Befehlscode, MS-Befehlscode, MS-Befehlscode, MS-Befehlsvorschriften, MS-Befehlsvorschriften
"Bcrypt": "^1.0.2", "Body-Parser": "^1.17.1", "Connect-Flash": "^0.1.1", "Cookie-Parser": "^1.4.3", "Cookie-Session": "^2,0.0-beta.1.1", Express. "^0.1.0", "express-passport-logout": "^0.1.0", "express-session": "^1.15.2", "handlebars-intl": "^1.1.2", "handlebars-paginate": "^0.1.0", "mongodb": "^2.2.26", "passport": "^0.3.2", "passport-local": "^1.0.0", "Pfad": "^0.12.7", "randomstring": "^1.1.5", "uUid": "^3.0.1", "Validator": "^7.0.0", "XSS": "^0.3.3"
Nach der Installation und Konfiguration von System und Umgebung. Befolgen Sie die Schritte zum Ausführen des Projekts -
Benutzeranmeldung/Signin: Der Benutzer muss ein Konto erstellen, um Einkäufe zu tätigen, aber um Projekte und andere Suchvorgänge zu überprüfen, muss der Benutzer nicht angemeldet werden. Der erste Benutzer muss registriert und angemeldet werden, um nach jüngsten Aktivitäten, Transaktionen, Zugriff auf E-Wallet und Elemente CART zu überprüfen. Um das Konto zu erstellen, muss der Benutzer auf die Schaltfläche Anmeldung klicken, um alle Anforderungen an das Konto zu erstellen, um bei uns registriert zu werden. Für den Fall, dass Sie angemeldet werden möchten, muss er sich anmelden und seine Anmeldeinformationen vorlegen, die mit uns eingerichtet wurden. Falls der Benutzer sein Passwort vergessen hat, stellen wir ein Modul zur Regeneration eines neuen Kennworts bereit. Der Link für das vergessene Modul kann in Anmelden gefunden werden.
User Dashboard: Um Benutzerinformationen und andere Einstellungen zu ändern, haben wir Module im Dashboard -Panel entwickelt, aber der Benutzer kann auch alle diese Optionen oben rechts Ecke der Seite finden, wenn der Benutzer auf seinen Namen klicken.
2.1 Kontoeinstellungen: Dieses Modul bietet ein Panel zum Ändern des Benutzerprofils und der Kennwortinformationen. 2.2 Zahlungseinstellungen: Dieses Module hilft dem Benutzer, seine Karteninformationen bei uns für einfache Lohn- und Bestellfunktionen zu speichern. 2.3 Brieftascheneinstellungen: In diesem Modul kann der Benutzer seinen E-Cash verwalten, indem er mehr Bargeld oder Kauf von Artikeln ohne Karteninformationen einkauft. Der Benutzer kann Bargeld aus gespeicherten Karten hinzufügen oder andere als sparenkarten verwenden, aber der Benutzer kann bei einer Transaktion maximal 1000 US -Dollar hinzufügen und insgesamt 10000 US -Dollar sind zulässig. Gleichzeitig kann der Benutzer nach seinen Brieftaschenaktivitäten und Details auf derselben Seite suchen. 2.4 Auftragshistorie: Diese Funktion hilft dem Benutzer, alle früheren Einkäufe und anderen Details wie Kaufdatum, Produkte und Zahlungsinformationen zu überprüfen. 2.5 Newsletter: Der Benutzer kann unsere Neweters verwalten und abonnieren oder abmelden. 2.6 Abmelden: Der Benutzer kann sich erfolgreich anmelden, um die Ausbeutung seines Kontos zu vermeiden.
Benutzerwagen: Der Benutzer kann Elemente hinzufügen oder Elemente entfernt oder die Quatität für jedes Element bearbeiten (maximal 5 Mengen pro Produkt sind zulässig). Hier kann der Benutzer nach den Gesamtzahlungsinformationen suchen und mit dem Checkout fortfahren.
SEACH -Produkt: Der Benutzer kann saugen, indem sie Produkte, ID, Name, Marke und Kategorie in der Suchleiste eingeben, die oben auf der Seite vorhanden ist.
Filterte Suche: Der Benutzer kann seine Suche gemäß Preisspanne und Kategorie verfeinern. Diese Funktion wird in den Suchergebnissen verfügbar sein.
Kategoriensuche: Der Benutzer kann direkt nach Produkten nach seiner Kategorie suchen, indem sie Kategorien in der linken oberen Ecke der Seite direkt neben dem Logo auswählen.
Produktinformationen: Der Benutzer kann die Produktinformationen überprüfen, indem Sie auf die Schaltfläche Überschrift oder eine bestimmte Ansichtsschaltfläche auf jedem Produkt -Miniaturansichten klicken und mehr über das Produkt erfahren und es in den Wagen hinzufügen, indem Sie unter dem Bild eines Elements auf die Schaltfläche zum Karren hinzufügen klicken.
Andere: Wir haben gefälschtes Gateway implementiert, bei dem der Benutzer die Zahlungsmodus auswählen kann, dh gespeicherte Karte, neue Karte und Brieftasche. Der Benutzer kann den Betrag für einen der aufgelisteten Modi bezahlen und seine Zahlungsinformationen unten überprüfen und dann bezahlen und mit dem letzten Schritt fortfahren, bei dem eine Bestätigung angezeigt wird, wo eine Bestätigungsmeldung angezeigt wird, und eine Transaktion oder eine Bestellung (die auch im Benutzer Dashboard verfügbar wäre).
