Nossaveurs

Développement back-end et front-end de la plateforme nossaveurs.fr

Développement front-end & back-end

Ce projet consistait à la création d'un site web d'annonce permettant de vendre ou de trouver des plats ou autres produits alimentaires. Il s'agissait donc de mettre en place une marketplace permettant aux personnes ayant des talents culinaires de vendre leurs plats ou autres produits alimentaires.

La principale difficulté de cette mission était la recherche de produits alimentaires. En effet, la plateforme offre plusieurs façons aux utilisateurs de rechercher un produit notamment la recherche à proximité, la recherche dans une région, ville, département ou commune etc...

Page de recherche de nossaveurs

Intégration de la maquette

La maquette ayant été fourni par le designer, il a fallu passer à son intégration et commencer à donner vie au projet. L'outil SASS a été utilisé afin de faciliter l'écriture du CSS et de mieux l'organiser.

Le Javascript et notamment le framework VueJs intervient pour rendre le site plus interactive pour l'utilisateur. VueJs a été utilisé pour les composants qui interagissent avec un état et dont l'interface s'adapte en fonction de cet état.

Un design responsive (adaptative)

De nos jours, il existe différents types d'appareils avec des tailles d'écran différentes. Ce projet a été pensé de sorte qu'il s'affiche convenablement en fonction d'écran de l'appareil de l'utilisateur.

Que l'on soit sur un smartphone, une tablette ou un ordinateur; le site web s'adaptera pour offrir une interface adaptée. De plus, d'après les statistiques, la plupart des utilisateurs utilisent leur smartphone pour consulter un site web. il était donc indispensable que le site soit responsive.

Une recherche pertinente

La recherche étant un critère très important pour un site de ce genre, nous avons utilisé différentes technologies afin d'améliorer la performance et efficacité de la recherche. Notamment pour la recherche à proximité, il a fallu utiliser des techniques permettant de faire une recherche spatiale à travers les données GeoJson des différentes villes, région, commune etc...

Pouvoir utiliser le site sur n'importe quel appareil avec n'importe quelle taille écran étant un aspect vital pour le site web, il a fallu trouver un moyen d'adapter correctement l'interface de la recherche pour les appareils mobile et les tablettes.

Page de recherche de nossaveurs
Administration de happy closet

Administration

L'administration permet de gérer les différentes resources du projet. La gestion est presque similaire pour chacune de ces resources. Nous avons une page d'indexation, une page de modification, de création, de suppression etc... Toutes ces pages se répètent pour chaque resource. Il a fallu trouver un moyen pour générer ces pages automatiquement et accélérer le development de la plateforme.

J'ai donc utilisé le package laravel oza75/laravel-hubble que j'avais créé pour un de mes projets qui me permet de générer des administrations à la volée. Le package oza75/laravel-hubble est disponible gratuitement sur github et packagist.

Roles

  • Chef du projet
  • Développeur Back-end
  • Développeur Front-end

Technologies

  • Laravel
  • VueJs
  • Socket.io
Projet suivant
Happy Closet
Me retrouver