Présentation

Le site C&N Traiteur est un site institutionnel permettant de faire découvrir aux utilisateurs le savoir-faire de C&N Traiteur et leur permettre également, de passer commande. C&N Traiteur est un traiteur situé en région Toulousaine. Il est un acteur incontournable de la vie événementielle à Toulouse et en Occitanie. La société a fait appel à mes services dans le but refaire son site internet afin qu'il réponde mieux aux exigences et aux valeurs actuelles de l'entreprise. Le but était donc de développer un site au design moderne, épuré tout en alliant efficacité et ergonomie. Un des points importants était aussi de développer un back office afin que C&N traiteur puisse administrer depuis son espace le site. Le site est actuellement en production depuis le 26/01/2022 et il est sécurisé par le protocole SSL (HTTPS). La prochaine mise à jour majeure (V2.0) consistera à mettre l'authentification pour les utilisateurs afin qu'ils puissent accéder au contenu privé du site et passer commande.

Découvrir le site

Fonctionnalités

L'application permets :

  • aux gestionnaires de créer, modifier, supprimer des news et de les publier sur le site,
  • aux gestionnaires de créer, modifier des plateaux repas,
  • aux gestionnaires de créer, modifier la carte Com' O Restau,
  • aux gestionnaires de créer, modifier, supprimer les témoignages du site,
  • aux gestionnaires de s'authentifier sur l'espace d'administration via un login/mot de passe,
  • aux utilisateurs d'ajouter les produits C&N Traiteur dans leur panier. Si l'utilisateur n'a pas confirmé sa commande, le panier est conservé et pourra être de nouveau consulté à la prochaine connexion,
  • aux utilisateurs de s'inscrire à la newsletter du site,
  • aux utilisateurs de remplir et envoyer un devis,
  • aux utilisateurs d'accéder au contenu public du site depuis n'importe quel device (responsive).

Technologie utilisée

Côté front :

Pour la partie front et dans un souci de référencement, j'ai utilisé la technologie Next.js. En effet Next.js permet la génération du contenu du site côté serveur, ce qui permet que le contenu soit lisible par les moteurs d'indexation. D'autres librairies ont été utilisées telles que : Leaflet pour la génération des cartes, SASS pour la partie CSS, formidable pour le téléchargement d'image, bcrypt pour le chiffrement des mots de passe, axios pour les requêtes HTTTP...

Côté back :

Pour la partie back j'ai utilisé Nextjs pour le développement de l'api, Node.js couplée avec le framework Express.js pour la construction du serveur d'image dynamique et également pour la gestion des newsletters. Concernant le SGBD, je suis parti sur MongoDB pour le stockage du contenu du site couplé avec Mongoose pour l'implémentation des schémas de données. En ce qui concerne la gestion de l'authentification, j'ai utilisé next-auth pour la gestion de l'authentification via token qui permet ainsi de garder la session de l'utilisateur active. Les mots de passe utilisateurs sont cryptés avec le module bcrypt.

Gallerie