Online Grocery Store
1.0.0
L'épicerie en ligne est une application Web basée sur le commerce électronique pour notre projet de programmation Web. Nous avions développé un échantillon dans lequel les utilisateurs peuvent rechercher et trouver les informations nécessaires sur n'importe quel article d'épicerie, peuvent passer à la caisse pour acheter des produits. L'utilisateur peut créer un compte, mettre à jour les informations personnelles, peut vérifier ses activités, ses commandes et ses transactions passées et ses articles.
https://github.com/parasgarg/online-grocery-store/
https://drive.
Langues de frontend: HTML, CSS et Framework Frontend JavaScript côté client: Bootstrap Frontend Library: JQuery Backend: Framework backend JavaScript côté serveur: TOTA11Y, et HTML Validator Tools: Code Visual MS, MS de commande de commande
"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", "Express": "^ 4.15.2", "Express-Handlebars": "^ 3.0.0", "Expresspop "^ 0.1.0", "Express-Passport-Logout": "^ 0.1.0", "Express-session": "^ 1.15.2", "Muisse "Path": "^ 0.12.7", "RandomString": "^ 1.1.5", "Uuid": "^ 3.0.1", "Validator": "^ 7.0.0", "xss": "^ 0.3.3"
Après l'installation et la configuration du système et de l'environnement. Suivez les étapes pour exécuter le projet -
Inscription / Signine de l'utilisateur: L'utilisateur doit créer un compte pour effectuer tout type d'achat, mais pour vérifier les projets et autres recherches ne nécessite pas que l'utilisateur soit connecté. Le premier utilisateur doit être enregistré et connecté pour vérifier les activités récentes, les transactions, l'accès à la porte électronique et le panier d'articles. Pour la création du compte, l'utilisateur doit cliquer sur le bouton d'inscription à remplir tous les exigences de création d'un formulaire de compte pour vous inscrire. Dans le cas où vous souhaitez être connecté, il doit aller pour vous connecter et fournir ses informations d'identification qui ont été créées avec nous. Dans le cas où l'utilisateur a oublié son mot de passe, nous fournissons un module pour régénérer un nouveau mot de passe. Le lien pour le module oublié, il peut être trouvé en signe de connexion.
Tableau de bord utilisateur: Pour modifier les informations de l'utilisateur et autres paramètres, nous avons développé des modules dans le panneau de tableau de bord, mais l'utilisateur peut également trouver toutes ces options dans le coin supérieur droit de la page lorsque l'utilisateur clique sur son nom.
2.1 Paramètres du compte: Ce module fournit un panneau pour modifier les informations sur le profil et le mot de passe des utilisateurs. 2.2 Paramètres de paiement: ces modules aident l'utilisateur à stocker les informations de sa carte avec nous pour des fonctionnalités faciles de rémunération et de commande. 2.3 Paramètres du portefeuille: Dans ce module, l'utilisateur peut maintenir son cash électronique en ajoutant plus d'argent ou en achetant des articles sans utiliser d'informations de carte. L'utilisateur peut ajouter de l'argent à partir de cartes enregistrées ou utiliser autre que la carte de sauvegarde, mais l'utilisateur peut ajouter un maximum de 1000 $ à une transaction et globalement 10000 $ sont autorisés. En même temps, l'utilisateur peut vérifier ses activités de portefeuille et ses détails sur la même page. 2.4 Historique des commandes: Cette fonction aide l'utilisateur à vérifier tous les achats passés et autres détails tels que la date d'achat, les produits achetés et les informations de paiement. 2.5 Newsletters: L'utilisateur peut gérer et s'abonner ou se désabonner à nos nouveauxtters. 2.6 Connexion: l'utilisateur peut enregistrer avec succès pour éviter l'exploitation de son compte.
Chariot d'utilisateur: L'utilisateur peut ajouter des articles ou supprimer des éléments ou modifier la quatité pour chaque élément (5 quantités maximales par produit sont autorisées). Ici, l'utilisateur peut vérifier les informations de paiement total et procéder à la caisse.
Produit de Seach: l'utilisateur peut seach en tapant les produits, l'identifiant, le nom, la marque et la catégorie dans la barre de recherche présente en haut de la page.
Recherche filtrée: l'utilisateur peut affiner sa recherche en fonction de la gamme de prix et de la catégorie. Cette fonctionnalité sera disponible dans les résultats de la recherche.
Recherche de catégorie: L'utilisateur peut rechercher directement les produits en fonction de sa catégorie en sélectionnant des catégories dans le coin supérieur gauche de la page à côté du logo.
Informations sur le produit: L'utilisateur peut vérifier les informations du produit en cliquant sur l'en-tête ou un bouton View Give sur chaque vignette du produit et en savoir plus sur le produit et peut l'ajouter à son panier en cliquant sur le bouton Ajouter au panier sous l'image d'affichage d'un élément.
Autres: Nous avons implémenté la fausse passerelle où l'utilisateur peut sélectionner le mode de paiement, la carte enregistrée, la nouvelle carte et le portefeuille enregistrés. L'utilisateur peut payer le montant par l'un des modes énumérés et également et examiner ses informations de paiement en bas, puis peut payer et passer à l'étape finale qui est de confirmation où un message de confirmation sera affiché et générer une transaction ou le commander (qui serait également disponible dans le tableau de bord de l'utilisateur).
