Présentation du projet

Mbh Travaux-  C’est une application web développé pour une société suisse spécialisé dans les travaux. Elle permet de :

  • Consulter le tableau de bord pour avoir une idée sur le chiffre d’affaires par mois et quelques d’autres chiffres
  • Gérer les clients et gérer leurs documents ainsi leurs crédits et leurs avances
  • Gérer les travaux (Créer les différentes arborescences Catégorie > Sous catégorie > Groupe d’option > Option)
  • Avoir une vue globale grâce à l’affiche de tous les travaux en mode arbre
  • Gérer les chantiers et les sous chantiers
  • Renvoyer la facture par mail
  • Associer des documents à chaque chantier
  • Générer des demandes d’acomptes
  • Personnaliser les couleurs des blocs

Le Temps consommé pour ce projet est  : 6 Mois

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

Ce projet est vendu pour 3 Clients en Suisse : Fr-platrerie / Iso Façade / Mbh Travaux / Du Tout Propre

Exemple en Prod : Fr-platrerie-peinture

Iso Façade

Du Tout Propre

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 parties 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

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é mes connaissances 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ées 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 quels types de projet pour ça j’ai l’organisé sous forme des contextes par exemple pour ce projet j’ai le classé sous le contexte Travaux. Avec cette structure, j’ai eu la possibilité de créer une application riche en fonctionnalité en bout de 6 mois seulement 🙂 .

Git : Clone with HTTPS  :

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