Présentation du projet

AUTO MBH :  C’est une solution complète pour le secteur de l’automobile  qui est composé en 3 projets : Backoffice – Site vitrine – Application mobile .Chaque projet offre des fonctionnalités  :

BackOffice Auto Mbh :

  • Gestion des Fournisseurs et leurs contacts
  • Gestion des voitures (ajout, import via un fichier Excel, Marques, Modèles, Type Carburant, Carrosserie etc…)
  • Gestion des achats de voitures
  • Gestion des décharges des voitures
  • Gestion des Clients de type particuliers ou Sociétés (base de données pour les documents, crédits & chèques)
  • Gestion des ventes de voitures
  • Gestion des paiements de crédits et les remises de voitures en cours de locations
  • Gérer le paramétrage de l’application ( rôles, permissions, utilisateurs ainsi que l’historique des activités)
  • Un tableau de bord qui montre l’évolution des locations, des réparations & des ventes  par mois.
  • Possibilité de basculer d’une application vers une autre grâce au système intégré dans la partie paramétrage de l’application et qui est  basé sur XML.

Site vitrine Auto Mbh :

  • Consulter la liste des voitures qui sont disponible en vente
  • Filter les voitures
  • Passer des commandes
  • Envoyer un message de contact
  • Voir les détails de chaque voiture

Application Mobile Auto Mbh :

  • Ajouter rapidement des achats voitures avec la possibilité de prendre des photos par la caméra ou à partir de galerie
  • Récoit des notification dans le cas d’une nouvelle commande
  • Voir les détails de chaque voiture
  • Gérer les fournisseurs
  • Voir les commandes
  • consulter la liste de derniers achats voitures

Le Temps consommé pour cette solution est de 24 Mois

Ce projet est réalisé en tant que développeur Freelance.

 Exemple des clients qui ont achété cette solution : 

Mbh Auto

Best Swiss Cars

Rlc Swiss Cars

Best Cars

Garage etoile mécanique 

Clients

Point sur les Technologies

Ce projet est composé de deux parties partie frontOffice développée par angular et une partie backOffice développé par Laravel. La communication entre ces deux partie est assurée par des services web

 

  • Angular 6
  • Laravel 5
  • PostMan (Pour tester l’api reste )
  • PhpStorm 2019
  • Adobe Photoshop CC 2019
  • Ionic 5

Packages utilisés côté Angular

  • Jselect
  • JCalendar
  • ngBootstrap
  • ngx DataTable
  • FullCalendar
  • ngSnotify
  • ngLightBox
  • Moment
  • Lodash
  • ngxPermission
  • ngxFavIcon
  • ngxPagination
  • ngxColorPicket
  • ngxMask

Packages utilisés côté Laravel

  • barryvdh/laravel-dompdf
  • chumper/zipper
  • kwn/number-to-words
  • maatwebsite/excel
  • ajcastro/eager-load-pivot-relations
  • milon/barcode
  • tymon/jwt-auth

Quelques captures écran

Présentation en video

  • Présentation des nouveaux modules : Décharges sur les voitures + Paiement par Facilité
  • Présentation site vitrine
  • Gestion des licences

Les plus de ce projet

  • Séparation entre partie backend et partie frontEnd. La communication entre ces deux parties se fait grâce des web services de type RESTful 
  • Création d’une application sur mesure, j’ai fait plusieurs réunions avec le client pour dégager ses besoins puisque ils sont spécifiques pour ce client.
  • J’ai consolidé mais connaissance au niveau Angular, tout au long de ce projet j’ai essayé le maximum de créer des composants Angular réutilisable donc j’ai eu l’occasion de travailler avec des fonctionnalités avancés d’Angular tels que : SubjectBehavior , @Input , @OutPut , Custom Directif , Pipes , J’ai crée mon propre DataTable ,  Viewchildren , ViewChild , ContentChildren , ngTemplateOutlet …
  • j’ai maitrisé l’utilisation de système de gestion des version Git , j’ai fait +278 commits 🙂

Pour conclure

Tout au long de ce projet d’essayer de créer une structure qui s’adapte facilement à n’importe quel type du projet, pour ça j’ai l’organisé sous forme des contextes par exemple pour ce projet j’ai le classé sous le contexte automobile. Avec cette structure, j’ai eu la possibilité de créer une application riche en fonctionnalité en bout de 4 mois seulement 🙂 .

Git : Clone with HTTPS  :

https://gitlab.com/bensassi/nutriprocess.git