Présentation du projet

Rlc Swiss Car – Une Application web a été  développé pour une société qui fait l’achat,vente des voitures.  Parmi ses fonctionnalités je peux citer :

  • Gérer Les Fournisseurs et leurs contacts
  • Gérer les voitures (ajout, import via un fichier Excel, Marques, Modèles, Type Carburant, Carrosserie …)
  • Gérer les achats des voitures
  • Gérer les Clients de types particulier ou Société (leurs documents, leurs crédits, leurs chèques)
  • Gérer les ventes des voitures
  • Gérer les paiements des crédits et les remise des voitures en cours de locations
  • Gérer le paramétrage de l’application (Les rôles, les permissions, les utilisateurs, Historique des activités)
  • Un tableau de bord montre l’évolution des locations, des réparations, des ventes  pour chaque mois. Montre aussi les locations en cours et les crédits en cours pour chaque client.
  • 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

 

Le Temps consommé pour ce projet est  : 3 Mois

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

Cette application est présente des améliorations à l’application précédente d’autoOccasion (Pour voir l’application cliquer ici)

Lien vers  le site

Lien vers la  Demo

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é

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