Micro-entreprise à Saint-Maximin-la-Sainte-Baume (Var) · depuis 2023
AR'Digit

Création de site internet à Saint-Maximin-la-Sainte-Baume (83)

« Tailler le crayon, pour préparer votre projet dans les meilleures conditions. »

J'accompagne indépendants, artisans et petites structures du Var et de Provence dans la création de leur site web. Une approche simple, collaborative, sur mesure.

Parlons de votre projet Autour d'un café Voir les réalisations
L'avatar crayon AR'Digit au bureau avec Rose et Arsène, en train de dessiner un site À l'atelier — avec Rose & Arsène
Bienvenue chez AR'Digit

J'accompagne indépendants, artisans
et petites structures.

Plusieurs façons de travailler ensemble. On les combine selon votre besoin — une solution flexible et simple.

Études

On clarifie le besoin, l'arborescence et les contenus avant d'écrire la moindre ligne. Le bon cadrage, dès le départ.

Intégration WordPress & Elementor

Un site propre, rapide et autonome. Vous reprenez la main facilement pour le faire vivre au quotidien.

Accompagnement & contrôles

Mises à jour, sauvegardes, petits ajustements. Je reste disponible une fois le site en ligne.

Référencement SEO

Pour être trouvé par vos clients : structure claire, contenus optimisés, référencement local. Un site bien conçu qui se fait remarquer sur Google.

Identité graphique

Logo, palette de couleurs, typographie : une identité cohérente et à votre image.

Pourquoi travailler avec moi

Je privilégie une approche
simple et collaborative.

Quelques réalisations. Elles défilent au fil de la page — comme des croquis qu'on étale sur la table.

Projets d'ingénierie / Labo

Au-delà des sites web, je conçois des applications sur mesure

Des projets menés comme pour un client : cahier des charges, conception, tests et mise en ligne.

Application web

Plusieurs minuteurs, un seul coup d'œil

Une appli pour piloter plusieurs minuteurs en parallèle, sans rafraîchir la page.

Lire le retour d'expérience
Coulisses techniques — stack, défis, architecture
Stack
  • React
  • TypeScript
  • Zustand
  • Formik
  • Yup
  • Tailwind CSS
  • Vite
  • Vitest
  • Testing Library
  • GitHub Actions
Défis techniques
  • N décomptes simultanés, sans fuite : un setInterval par minuteur, nettoyé à chaque arrêt ou suppression, avec une garde si le minuteur disparaît entre deux ticks.
  • Un état qui change chaque seconde, que les cadrans, le résumé et les actions globales doivent lire de façon synchrone.
  • Une saisie qui guide au lieu de bloquer : bornes h/m/s, minimum de 15 s signalé sous les champs, champ vide = 0, formatage « 05 », clavier numérique sur mobile.
  • Accessibilité : chaque cadran est une barre de progression qui annonce « Il reste 2 min 43 s » plutôt qu'un pourcentage.
Choix d'architecture
  • Un store Zustand unique plutôt que de faire transiter l'état de composant en composant.
  • La règle de décompte vit dans le store, pas dans le composant d'affichage : elle s'applique même si le cadran n'est pas rendu.
  • Validation déclarative : un schéma Yup branché sur Formik, séparé de l'interface.
  • Qualité et livraison : tests du store, des conversions, des cadrans et du formulaire ; build et déploiement sur GitHub Pages à chaque push.
burger-maison.vercel.app Capture de l'application Mon Burger : la page d'accueil du restaurant avec le menu à partir de 12,90 €, les créneaux de retrait et la carte par catégories. Voir la vidéo
Application web · Projet de formation

Commander son burger en quelques clics, sans file d'attente

Application web de commande en ligne pour un restaurant de burgers : on parcourt la carte, on compose son menu, on remplit son panier et on choisit une heure de retrait.

Essayer la démo
Coulisses techniques — stack, défis, architecture
Stack
  • React 19
  • TypeScript
  • Vite
  • React Router
  • Zustand
  • Tailwind CSS
  • DaisyUI
  • ESLint
  • GitHub Actions
Défis techniques
  • Un menu qui se compose sous contraintes : seuls les choix prévus par le menu sont proposés (format, accompagnement, boisson), chacun avec son supplément de prix.
  • Un panier qui survit au rafraîchissement, avec un numéro de version et une fonction de migration : un visiteur qui revient ne perd pas son panier si sa structure évolue.
  • Des créneaux de retrait réalistes : seuls ceux encore disponibles dans la journée sont proposés, et le bouton de commande disparaît hors des horaires d'ouverture.
  • Un filtre d'allergènes (présence ou traces) qui masque les produits concernés, plus une option « sans bacon ».
Choix d'architecture
  • Un code organisé par fonctionnalité (produits, panier, commande) plutôt que par type de fichier, avec des dépendances à sens unique : pages → fonctionnalités → composants communs.
  • Des données structurées comme une vraie base : chaque information n'existe qu'une fois, et un service unique résout les références, avec une erreur immédiate si l'une d'elles est cassée.
  • Prêt pour une API : les composants passent toujours par ce service, donc seul lui changera le jour où les données viendront d'un serveur.
  • TypeScript strict et unions discriminées : une action incohérente est refusée dès la compilation.
  • Périmètre assumé : pas de back-end, la commande n'est transmise nulle part et aucun paiement n'est encaissé.
  • L'IA comme assistant, pas comme pilote : pour l'interface, je me suis aidé de 'Claude Terminal' afin de générer plusieurs variantes, que j'ai ensuite retravaillées. Chaque modification a été relue avant d'être intégrée. L'outil fait gagner du temps sur l'exploration, mais les choix restent les miens.

Vous avez un projet ?
Une idée ?

Décrivez-le en quelques lignes. Je reviens vers vous sous 48h avec un premier retour — gratuit et sans engagement.

Nous contacter Faire connaissance
Avatar crayon AR'Digit, pouce levé

on en parle autour d'un café ?