Comment créer une application NodeJS de petites annonces ?

Ce tutoriel permet de créer une application NodeJS à l’aide du générateur Newmips pour gérer la mise en place et la recherche de petites annonces au sein d’une structure.

Ce modèle d’application permet de déposer ses propres annonces, d’effectuer des recherches parmi d’autres déjà déposées, en ayant la possibilité d’ajouter des photos ou des documents pour chaque annonce.

L ‘application permet de gérer 3 langues différentes : français, anglais, espagnol.

Il permet d’avoir une vue d’ensemble des annonces enregistrées.

 

Étape 1Implémentation de l’application Modèle dédiée

Connectez-vous au studio Newmips et sélectionnez « Modèles ».

Choisissez l’application «Les petites annonces» dans la liste déroulante.

Cette dernière s’appuie sur le code source disponible à cette adresse :
https://github.com/newmips/templates/tree/master/petites_annonces

Vous pourrez commencer à saisir des informations une fois que l’application est générée et que l’écran de prévisualisation s’affiche.

 

Étape 2Sélectionner votre choix dans le menu principal

La page d’accueil s’affiche et vous propose un choix possible entre « Rechercher une annonce » et « Déposer une annonce ».

D’autres filtres vous sont proposés tels les dernières annonces ainsi que vos propres annonces.

Vous pouvez également paramétrer votre compte utilisateur en cliquant sur « Mon profil » et choisir la langue de votre application en cliquant sur « Langue ».

 

Étape 3 – Paramétrer le référentiel de votre application

Afin de créer les différents éléments composant votre application (Catégories, Sous-catégories, Pays, Régions, Société), il est nécessaire de se rendre dans le menu configuration de cette dernière.

Pour ce faire, sur le menu principal, cliquez en bas à droite sur « Administration », puis dans le menu déroulant, sélectionnez « Configuration ».

Vous pourrez alors paramétrer les informations de votre application de recherche d’annonces. Il vous suffit de sélectionner l’élément voulu et de cliquer sur « Créer » pour indiquer les renseignements nécessaires.

Pour chaque élément, vous pourrez indiquer son nom puis cliquer sur le bouton « Sauvegarder ».

Vous pouvez ensuite lister les données renseignées en cliquant sur « Lister » et, pour chacune d’entre elles, vous pouvez l’afficher, la modifier ou la supprimer.

Vous avez la possibilité d’ajouter des sous-entités pour les entités Catégorie et Société : respectivement Sous-catégorie et Sites, visibles sous forme d’onglet quand vous cliquez sur « Afficher ».

 

Étape 4 – Déposer votre annonce

Dans le menu déroulant en haut à gauche, sélectionnez « Accueil » afin de vous rediriger vers le menu principal et cliquez sur « Déposer une annonce ».

Vous avez alors la possibilité de renseigner plusieurs champs pour votre petite annonce :

  • Type d’annonce : Offre ou Demande
  • Catégorie : Choisissez la catégorie désirée depuis le menu déroulant (préalablement remplie dans le menu configuration)
  • Contact : Choisissez le contact de l’annonce depuis le menu déroulant
  • Sous-catégorie : Choisissez la sous-catégorie depuis le menu déroulant (préalablement remplie dans le menu configuration)
  • Adresse : Adresse du contact pour l’annonce
  • Nom : Nom de l’annonce
  • Site : Choisissez le site depuis le menu déroulant (préalablement rempli dans le menu configuration)
  • Fournisseur : Nom du fournisseur, si besoin
  • Société : Choisissez la société depuis le menu déroulant (préalablement remplie dans le menu configuration)
  • Prix : Indiquez le prix du produit de votre annonce
  • Région : Choisissez la région depuis le menu déroulant (préalablement remplie dans le menu configuration)
  • Pays : Choisissez le pays depuis le menu déroulant (préalablement rempli dans le menu configuration)
  • Description : Renseignez ce que vous souhaitez concernant votre annonce

Vous pouvez également y déposer des photos et des documents pour compléter les éléments préalablement renseignés et apporter des informations visuelles à votre petite annonce.

Cliquer sur le bouton « Sauvegarder ».

Votre petite annonce s’affiche, vous pouvez désormais sélectionner les onglets Documents et Historique du statut.

Vous pouvez également modifier, supprimer une offre ou lister l’ensemble des annonces déposées.

 

Étape 5 – Rechercher une annonce

Depuis le menu accueil, en cliquant sur « Rechercher Annonce », ou depuis le lien « Dernières annonces », vous pouvez avoir un aperçu des annonces les plus récentes ou effectuer une recherche sur ces dernières.

Vous pouvez cliquer sur le bouton « Afficher » pour avoir un affichage complet de l’annonce sélectionnée.

En cliquant sur le lien « Mes annonces », vous avez à disposition l’ensemble des annonces que vous avez personnellement déposées.

 

Vous pouvez désormais utiliser l’application comme bon vous semble.