ShopNx – Application de panier d'achat à page unique Angular8

ShopNx – Application de panier d'achat à page unique Angular8

Auteur : itswadesh Prix : 1001 $

Acheter maintenant

Application Web de commerce électronique utilisant Angular8 + NodeJS + MongoDB

Travailler sur la technologie de pointe VueJS 2.0 ( Arialshop ) et créer de nouvelles versions assez rapidement, de sorte que les anciennes versions vieillissent rapidement. La nouvelle version (vuejs) se charge deux fois plus vite et est facile à utiliser. La courbe d'apprentissage est si fluide et le framework a une meilleure évolutivité

Mise à jour 26-Mai-2020

  • Ajout d'un processeur de peluches et plus joli
  • Mise à niveau de tous les packages
  • Correction de quelques petits bugs de mise à jour

Mise à jour 12-Oct-2019

  • Mise à niveau vers Angular – v8
  • Nouveau script:«yarn live» pour le déploiement sur heroku

Mise à jour 16-Nov-2017

      1. Mise à niveau vers Angular-8
      2. Migré vers angulaire-cli

    Mise à jour 24-Oct-2017

        1. Processus de déploiement simplifié
        Exécutez `npm run prod` et copiez les fichiers du dossier dist sur le serveur de production. C'est tout
        2. Fonction de recherche avancée
        Maintenant, n'importe quel champ peut être recherché via la zone de filtre (Auparavant, il n'y avait que le nom)

      Caractéristiques

      • Basé sur un matériau angulaire
      • API de paiement PayPal déjà intégrée dans l'application afin que vous puissiez commencer à accepter les paiements des clients avec l'option de paiement contre remboursement (COD)
      • Connexion OAUTH (local, facebook, google, twitter)
      • Multi-vendeur: le magasin est un simple multi-fournisseur grâce auquel il peut autoriser plusieurs vendeurs avec leurs propres produits et images de produits
      • Variantes de produit: cela peut accueillir plusieurs variantes de produit pour un seul produit avec une image, une dimension et un prix uniques
      • Liste de souhaits: Il a une liste de souhaits intégrée qui peut être activée / désactivée et à travers laquelle les utilisateurs peuvent ajouter des produits à la liste qu'ils souhaitent acheter plus tard
      • Avis et notes: tout utilisateur est autorisé à ajouter des avis et des notes pour un produit
      • E-mails: l'utilisateur reçoit une notification par e-mail sur la commande passée, la commande mise à jour, l'oubli/la réinitialisation du mot de passe
      • Téléchargement d'images: les utilisateurs, les fournisseurs, les gestionnaires et les administrateurs peuvent télécharger des images de produits ainsi que pour leur propre profil.
      • Interface de boutique réactive pour différentes tailles d'écran d'appareil
      • Entrez votre identifiant d'application PayPal dans les paramètres, ajoutez des produits et commencez à vendre en un rien de temps. Cela a un support multi-devises intégré avec fonction de conversion de devise
      • Développé en utilisant le MEAN le plus populaire qui a une architecture basée sur l'API Rest avec une grande évolutivité.
      • Mécanisme d'authentification intégré avec accès utilisateur et gestion des utilisateurs basés sur les rôles
      • La plupart des composants sont basés sur les directives de conception de Google Material, ce qui vous offre une conception réactive, audacieuse et accessible avec une grande interactivité avec l'utilisateur.
      • L'intégration des e-mails à différents niveaux, comme la passation de commande, l'oubli/la réinitialisation du mot de passe, donne un sentiment de sécurité et d'information
      • La structure d'application modulaire vous donne une énorme capacité à modifier, tester et déployer facilement
      • Possibilité de gérer les coupons de réduction sur le total du panier
      • Avec le téléchargement d'images par glisser-déposer intégré, il est facile de gérer les images pour l'ensemble de la boutique
      • Gestion des utilisateurs basée sur les rôles pour le client et le serveur, par exemple utilisateur, gestionnaire, administrateur
      • Désormais, un e-mail est envoyé dès qu'une commande est passée ou que le paiement a échoué
      • Composants conçus pour le matériel mobile centré
      • Mises en page basées sur Flex
      • Sélectionnez directement l'image d'un produit dans la galerie média
      • Clonez maintenant n'importe quelle marque, pays, expédition, coupon pour gagner du temps
      • Gestion des catégories par glisser-déposer
      • Prise en charge de devises supplémentaires au-delà du dollar américain à partir d'une seule page de paramètres
      • Le mot de passe oublié d'un utilisateur ou d'un responsable de boutique peut être récupéré avec un service de messagerie basé sur le cryptage
      • Une toute petite fenêtre contextuelle permettant à quiconque de contacter le propriétaire du magasin avec des griefs ou des suggestions
      • Désormais, l'intégration de PayPal est plus puissante avec le statut de paiement géré

      Devanture de magasin

      • Le commerce électronique MEAN Stack avec Material Design
      • Une application de commerce électronique complète créée en utilisant Angular4 comme front-end
      • Le backend (côté serveur) est soutenu par l'incroyable framework NodeJS pour une meilleure vitesse et une large prise en charge des extensions avec une très grande base de communauté
      • La base de données No_SQL basée sur des documents utilisée pour une communication plus rapide et plus d'efficacité
      • Structure de module d'application standard de l'industrie
      • SPA créé avec la puissance d'Angular
      • Système de paiement anticipé instantané et sur une seule page
      • Option pour enregistrer le produit inactif pour une publication ultérieure
      • Détails supplémentaires du produit dans la liste clé/valeur qui doivent être mis en évidence dans la page des détails du produit
      • Fonctionnalités avancées telles que sélecteur de marques multiples, filtre de type de produit, curseur de prix
      • Connexion intégrée aux médias sociaux
      • Option Réinitialiser et changer le mot de passe
      • Service de courrier électronique pour les questions/suggestions/réclamations via le formulaire de contact contextuel

      Backoffice du magasin

      • Produits, catégories, marque, gestion des commandes à partir du panneau d'administration avec des directives simples
      • Gérer la commande et modifier le statut à partir du panneau d'administration
      • Facilité pour plusieurs variantes de produits (taille, couleur, prix, image)
      • Code sécurisé et de qualité – Prend en charge toutes les normes d'applications Web à page unique
      • Construit en toute sécurité et empêche les attaques de sécurité
      • Génère des pages CRUD automatiquement à partir de la base de données.
      • Architecture API ReST basée sur NodeJS
      • Sélecteur de date intégré conçu pour les champs de date
      • Le code est modulaire, maintenable, bien structuré, facile à personnaliser, prêt pour la production
      • Génère automatiquement des listes déroulantes, des sélecteurs de date, un champ numérique, un commutateur à bascule en fonction des types de champ
      • Exportez facilement le tableau au format Excel, JSON, txt

      Acheter maintenant

      20 thoughts on “ShopNx – Application de panier d'achat à page unique Angular8”

      1. Hi:
        I try the demo of new angular4 shop, can’t upload photo.
        Also can you try to program in upload the images tide with the item. Like eBay when we upload item for sale it upload individually with multiple images per item, rather then select in the gallery.
        I do program as well I’m stuck in this part. Can’t find tutorial in this. I saw a sample is images form object In side item object.

        will like to be your first customer on this product anyway, can you give me some discount.
        I bought the Material shopNx Angular1 from you before.
        remember me?

        [email protected]

        Regards,
        Yen

      2. At admin-> my account-> customer order, when clink on the order item, it not go the item?

        hope it help

      3. At admin-> my account-> customer order, when clink on the order item, it not go the item?

        hope it help

      4. Hello Yen,

        I just tried to upload photos to the demo app and was successful.

        ebay like upload feature I have not tried yet.

        Yes I remember you bought ShopNx1

      5. Hello,
        I would like to buy ShopNx online store but I saw that you have another newer version Arialshop.
        Which one is quicker and better for SEO?
        In the first one is used Angular 5, which is supported by Google. The second is created on VueJS.
        I don’t have information as to how good it is.

        Regards

      6. Hello Ivan,

        If you like Angular, I am sure you are going to enjoy VueJS. I would recommend you to go for Arialshop (VueJS version) which is faster and smaller in size.

        For both the products SEO remains the same

      7. I have fixed some issues, now it showing ;

        [12:07:53 AM] Starting compilation in watch mode…

        Connected to MongoDB
        ShopNx listening on port 3000

        @angular/[email protected] requires [email protected]’>=2.4.2 <2.7.0' but 2.9.2 was found instead.
        Using this version can result in undefined behaviour and difficult to debug problems.

        Please run the following command to install a compatible version of TypeScript.

        npm install [email protected]'>=2.4.2 <2.7.0'

        To disable this warning run "ng set warnings.typescriptMismatch=false".

        ** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
        10% building modules 3/3 modules 0 active[INFO] 00:07:58 Restarting
        Connected to MongoDB
        [INFO] 00:08:00 Restarting
        ShopNx listening on port 3000
        Connected to MongoDB
        ShopNx listening on port 3000
        [12:08:03 AM] Found 0 errors. Watching for file changes.

        Date: 2018-08-14T04:08:11.712Z
        Hash: 443baf0027b4865af240
        Time: 15999ms
        chunk {inline} inline.bundle.js (inline) 3.85 kB [entry] [rendered]
        chunk {main} main.bundle.js (main) 2.92 kB [initial] [rendered]
        chunk {polyfills} polyfills.bundle.js (polyfills) 590 bytes [initial] [rendered]
        chunk {scripts} scripts.bundle.js (scripts) 161 kB [initial] [rendered]
        chunk {styles} styles.bundle.js (styles) 221 kB [initial] [rendered]
        chunk {vendor} vendor.bundle.js (vendor) 852 kB [initial] [rendered]

        ERROR in client/app/base.ts(21,35): error TS2715: Abstract property ‘api’ in class ‘BaseCtrl’ cannot be accessed in the constructor.
        node_modules/@angular/flex-layout/media-query/breakpoints/break-points.d.ts(8,10): error TS2305: Module ‘”/home/shojol/Downloads/ShopNx-v5/node_modules/@angular/core/core”‘ has no exported member ‘OpaqueToken’.

        webpack: Failed to compile.

      8. I finally succeeded to run node server by modifying start : “node dist/server/app –proxy-config proxy.conf.json”

      9. getting this error
        Date: 2020-06-01T03:02:27.709Z – Hash: 775c927f758e2b0f2b36 – Time: 18176ms
        ** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
        ℹ 「wdm」: Compiled successfully.
        [HPM] Error occurred while trying to proxy request /api/products/?limit=10&skip=0&where=%7B%7D from localhost:4200 to http://localhost:3001 (ECONNRESET) (https://nodejs.org/api/errors.html#errors_common_system_errors)
        [HPM] Error occurred while trying to proxy request /api/brands?limit=3&sort=-brand from localhost:4200 to http://localhost:3001 (ECONNRESET) (https://nodejs.org/api/errors.html#errors_common_system_errors)
        [HPM] Error occurred while trying to proxy request /api/brands/ from localhost:4200 to http://localhost:3001 (ECONNRESET) (https://nodejs.org/api/errors.html#errors_common_system_errors)
        [HPM] Error occurred while trying to proxy request /api/shippings/best/?weight=0&cartValue=2599 from localhost:4200 to http://localhost:3001 (ECONNRESET) (https://nodejs.org/api/errors.html#errors_common_system_errors)

      Leave a Comment

      Your email address will not be published. Required fields are marked *