E-commerce
Back-office
Paiement en ligne

Africa Toner

Secteur: Commerce
Livré en: Site web
Back-office
Année: 2025
En ligne: Voir le siteafricatoner.com(s’ouvre dans un nouvel onglet)

“Vos cartouches, livrées demain.”

(Le projet)

Une boutique en ligne complète de toners compatibles pour le marché marocain : catalogue, panier, paiement Stripe et PayPal, back-office complet et outil guidé imprimante-vers-toner, le tout dans une seule application Laravel et React.

(Contexte)

Une boutique complète, de bout en bout.

Africa Toner vend des toners compatibles aux particuliers et aux professionnels. Les clients parcourent et comparent les produits, gèrent leur panier, paient par Stripe ou PayPal, suivent leurs commandes et demandent les toners absents du catalogue.

Derrière la vitrine, un espace d’administration complet gère produits, marques, commandes, utilisateurs et demandes de toners, aux côtés de l’outil de recherche par imprimante. Le tout tourne dans une application Laravel 13 qui rend React 19 via Inertia.

(Chiffres clés)

passerelles de paiement: 2
modules de back-office: 6
connexion en un clic: Google
tarifs de livraison: Par ville

(L’écosystème)

Les choix qui ont façonné le projet

Une application, sans API séparée
Les contrôleurs Laravel rendent les pages React via Inertia.js : aucune seconde API REST à maintenir. Les routes nommées sont partagées avec le navigateur.
Monolithe assumé
Un routage séparé par rôle
Pages publiques, espace client (paiement, commandes, profil), connexion invité et administration ont chacun leur middleware.
Contrôle d’accès
Deux passerelles de paiement
Stripe et PayPal sont branchés sur le tunnel de commande : le client choisit, un seul flux de commande tourne derrière.
Paiement flexible
Un état client hybride
Redux Toolkit gère l’interface et le panier, React Query les données serveur, et des identifiants hachés gardent les ID séquentiels hors des URL.
État pragmatique

(Comment ça marche)

Le circuit de commande

Du catalogue au panier
Les clients filtrent le catalogue par recherche instantanée, marque ou imprimante, comparent les produits et les ajoutent à un panier persistant.
Paiement
Le tunnel recueille l’adresse et la ville de livraison, tarifée par ville, puis oriente le paiement vers Stripe ou PayPal.
Commande et back-office
La commande est créée avec une référence masquée, et l’équipe gère produits, marques, commandes, utilisateurs et demandes depuis le tableau de bord.