Présentation du projet

AutoOccasion – Une Application web développé pour une société qui fait l’achat,vente,réparation et la locations des voitures.  Parmi ses fonctionnalités je peux citer :

  • Gérer Les Fournisseurs et leurs contacts
  • Gérer les interventions pour les réparations
  • 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 réparations des voitures
  • Gérer les locations 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édit en cours pour chaque client.

 

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