Frontend

Backend

1 personne

6 mois

Next.js

SCSS

Fruit and Go est une application e-commerce conçue pour un primeur et pour la vente d’alimentation générale. L’objectif principal est de permettre à ses clients de passer commande en ligne et de se faire livrer directement chez eux.

Image de présentation du projet fruit and go

Introduction

L'idée de ce projet est née de la volonté du primeur d'adopter un système de commande par livraison pour mieux gérer les périodes de forte affluence et offrir une expérience client plus fluide. Grâce à cette application, le primeur peut élargir son marché et optimiser son chiffre d'affaires en simplifiant l'accès à ses produits. Dans ce projet, j’ai travaillé en collaboration avec un expert UX/UI, qui s’est chargé des assets graphiques, tels que les illustrations du site et la vidéo d’introduction.

Image d'introduction du projet Fruit&go

Panier dynamique

Le panier dynamique est l'une des fonctionnalités clés de l'application. Accessible en haut à droite de l'écran, il permet aux utilisateurs de suivre en temps réel les articles qu'ils ajoutent. Une page dédiée au panier offre une vue complète et interactive où l'utilisateur peut voir ses produits, modifier la quantité ou supprimer des articles. Le prix total est automatiquement mis à jour, offrant une expérience de commande fluide et intuitive. Cette fonctionnalité améliore l'expérience d'achat, en rendant la gestion des articles ajoutés simple et transparente.

Fonctionnalité panier dynamique du projet Fruit&go

Système de filtres

L'application propose également un système de filtres efficace sur la page des catégories de produits. Grâce à cette fonctionnalité, les utilisateurs peuvent affiner leur recherche en fonction de différents critères, tels que le type de produit, la disponibilité ou encore les promotions. Les filtres sont dynamiques et peuvent fonctionner ensemble pour offrir une expérience de navigation personnalisée. De plus, un bouton permet de réinitialiser les filtres à tout moment, ce qui simplifie l'exploration du catalogue pour l'utilisateur.

Fonctionnalité filtres du projet Fruit&go

Paiement avec Stripe

Afin de centraliser et faciliter les paiements, l'application est reliée à Stripe, une solution fiable et sécurisée. Lors du processus de commande, les utilisateurs sont redirigés vers une interface Stripe intégrée, où ils peuvent finaliser leur paiement en toute sécurité. Pour le gérant du magasin, Stripe offre également une plateforme dédiée pour le suivi des facturations et des commandes. Cela permet une gestion simplifiée des transactions et des rapports financiers, sans avoir à passer par des systèmes tiers compliqués.

Fonctionnalité paiement avec Stripe du projet Fruit&go

Interface administrateur.

L'interface administrateur de Fruit&Go offre une vue complète et en temps réel sur les commandes clients, de leur réception à la livraison. Chaque commande est présentée sous forme de carte détaillant les informations essentielles, comme les produits et le client. Un bouton de statut, accessible sur chaque carte, permet à l’administrateur de mettre facilement à jour l’avancement de la commande.

Fonctionnalité interface administrateur du projet Fruit&go

Gestion du contenu avec Strapi

Le site est connecté à Strapi, un CMS Headless qui permet au gérant de gérer de manière intuitive le contenu du site sans avoir à solliciter l'équipe de développement. Grâce à cette interface, il peut contrôler l’ensemble du contenu textuel et visuel des différentes pages, gérer la liste des produits et mettre en avant certains d'entre eux dans les suggestions. Cette intégration offre une autonomie complète au gérant pour ajuster les contenus en fonction des besoins commerciaux, facilitant ainsi la gestion quotidienne du site.

Fonctionnalité gestion du contenu avec Strapi du projet Fruit&go