Présentation du projet

Léman Débauchage – C’est une Application web développé pour le compte d’une société turque son secteur d’activité, c’est le débauchage des canalisations. Cette application permet :

  • Gérer Les Fournisseurs et leurs contacts
  • Consulter le tableau de bord pour avoir une idée générale sur des chiffres clés tels que : Évolution de chiffre d’affaires pour chaque mois, Le nombre des clients , Les chantiers impayés
  • Gérer les Clients de types particuliers ou de type  Société (leurs documents, leurs crédits, leurs avances , leurs chèques)
  • Créer les services et les décharges ainsi paramétrer leurs prix par heure
  • Gérer les travaux de débauchage et générer des facture
  • Renvoyer les factures par email
  • Support plusieurs modes de paiements
  • Gérer le paramétrage de l’application (Les rôles, les permissions, les utilisateurs, Historique des activités)

Le Temps consommé pour ce projet est  : 4 Mois

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

Lien vers la  Demo

Lien Officielle de la société

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

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 un structure qui s’adapte facilement à n’importe quelle type de 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 selement 🙂 .

Git : Clone with HTTPS  :

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