Présentation du projet

C’est une application web développé pour le client Frenchlocker à pour but de gérer les bornes (Hubs) ainsi la disponibilité de ses casiers en temps réel. Elle permet aussi de gérer et voir l’état de chaque commande déposé dans le casier . Elle permet d’envoyer des notifiction vers les client ou les vendeurs.

Ce projet est composé de 6 espaces :

Espace Administrateur

  • Gestion coadministrateurs
  • Gestion des HUB
  • Gestion des gestionnaires
  • Gestion des collecteurs
  • Gestion des shoopers
  • Accès Tableau de bord des statistiques

Espace Co-admin

  • Gestion des HUB
  • Gestion des gestionnaires
  • Gestion des collecteurs
  • Gestion des shoopers
  • Accès Tableau de bord des statistiques

Espace Gestionnaire

  • Gestion des cogestionnaires
  • Accès Tableau de bord des statistiques
  • Gérer les informations du Site

Espace co-gestionnaire

  • Accès Tableau de bord des statistiques
  • Gérer les informations du Site

Espace Shooper

  • Accès HUB
  • Espace notification
  • Espace Colis
  • Gestion des commandes
  • Demande de ramassage
  • Accès Tableau de bord des statistiques
  • Configuration

Espace Runner (Collecteur)

  • Accès HUB
  • Espace notification
  • Espace Colis
  • Demande de ramassage

Espace Client

Lorsqu’un dépôt est effectué par le “shoper” ou “collecteur” le Customer (client) reçoit un sms qui contient les informations suivantes :
– Code secret : Pour débloquer son casier qui contient un colis. Ceci est utile lorsque le client ne dispose pas de smartphone ;
– Le nom de l’enseigne ;
– Numéro de Commande
– hotline French Locker
– L’adresse du HUB ;
– Lien court vers une page web contenant :
o Un QR code : Sert à débloquer le casier ;
o Code secret : Pour débloquer son casier qui contient un colis ;
o Information sur les casiers disponibles pour le retour du colis

Ce Projet a été réalisé dans la société Laratech en tant que développer FullStack web / mobile

J’ai m’occuper toutes les tâches de développement tous au long de ce projet

Durée de réalisation ; 7 Mois

Point sur les Technologies

  • Laravel 8 (Coté backend)
  • Angular 11 (Coté frontend)
  • PHP STORM 2020 (Comme un IDE)
  • Adobe Photoshop CC
  • MySql Workbench
  • Pusher (Pour créer des applications en temps réels)
  • SMS Factor (Gateway SMS)
  • SendGrid (Comme un serveur SMTP & Dynamic template)
  • PostMan
  • API : Winnsen

Packages cotés Laravel : 

  • maatwebsite/excel
  • pusher/pusher-php-server
  • sendgrid/sendgrid
  • smsfactor/smsfactor-laravel
  • tymon/jwt-auth
  • unikent/tfilecache

Packages cotés Angular : 

  • @sweetalert2/ngx-sweetalert2
  • @types/dropzone
  • angularx-qrcode
  • ng2-data-table
  • ngb-modal
  • ngx-image-cropper
  • ngx-permissions
  • ngx-ui-loader
  • pusher-js
  • sweetalert2
  • apexcharts

Quelques captures écran

Présentation en video

Lien Vers le Site

http://web.frenchlocker.fr/

Les plus de ce projet

  • Développer une application qui utilise l’api Winnsen
  • Le développement des applications en temps réel grâce à Pusher
  • Vendu à des grandes  centres commerciaux France