Disponible pour de nouvelles opportunités
Ichrak Chahbani
Ingénieure en développement web Full-StackJavaScript / TypeScript · React · Next.js · NestJS · Node.js
Plus de 4 ans d’expérience dans le développement d’applications web, avec une expertise en React, Next.js, Node.js et NestJS. J’interviens de la conception à la mise en production, en transformant les besoins fonctionnels en solutions robustes, évolutives et maintenables.
4+
Années d'expérience
6
Projets livrés
3
Langues parlées
Quelques projets à montrer
D'un CMS headless multi-tenant à des outils mobiles critiques : des produits conçus et livrés pour de vraies équipes. Du plus récent au plus ancien.
YZY Content AI — Automatisation SEO et rédaction par l'IA
Plateforme d'automatisation des tâches SEO et de rédaction par l'IA (Claude et OpenAI), conçue pour l'agence web de YZY Digital afin de faire gagner du temps aux équipes sur les tâches répétitives de création des sites clients.
- SEO : recherche et stratégie de mots-clés, arborescence du site, analyse de pages, SEO local, propositions de noms de domaine.
- Rédaction : génération de contenus optimisés SEO, page par page ou en masse, puis relecture et ajustement dans un éditeur dédié.
- Analyse de l'existant : scraping du site actuel du client pour reprendre et améliorer ses contenus.
- E-réputation : suivi des avis et de la présence en ligne, avec des réponses assistées par l'IA.
- Publication : envoi des contenus vers le CMS Duda.
- Pilotage depuis une seule interface : suivi des projets clients, workflow éditorial par rôles (rédacteur, expert SEO, coordinateur), générations lancées en tâche de fond et suivies en temps réel.
React · TypeScript · Vite · Tailwind CSS · TanStack Query · Zustand · NestJS · MongoDB · Bull · Redis · Socket.IO · Anthropic Claude · OpenAI · JWT · Azure AD (SSO) · Cheerio · Docker · Kubernetes · ArgoCD · Kargo · GitHub Actions · SonarQube
YZY WebFactory — Usine de création de sites web
CMS headless multisite permettant de créer et gérer plusieurs sites depuis une interface unique (page builder, collections dynamiques, médias, workflows).
- Contribution aux modules collections et médias, à l'éditeur de texte riche et à l'import/export.
- Architecture monorepo (npm workspaces + Nx) : apps/api (NestJS, API REST headless), apps/cms (Next.js, panel d'admin), libs/page-builder (lib React publiée en package npm, consommée par les sites clients).
- Authentification par magic links (passwordless).
- Multi-tenant : gestion de plusieurs sites/clients depuis une seule instance, avec permissions par rôle (CASL).
- IA intégrée : recherche agentique, génération assistée de contenu (SDK Anthropic/Gemini).
Next.js · NestJS · Prisma · MongoDB · TypeScript · Azure Blob Storage · Azure API Management · Docker
MBT Mobile (iOS/Android)
Version mobile (iOS/Android) de l'application MBT pour Pierre Fabre, avec les mêmes fonctionnalités que la version iPad : produits dermo-cosmétiques, clients et panier de vente, pour les vendeuses en point de vente.
Disponible sur Google Play- Application conçue et développée de zéro, de l'architecture à la publication sur les stores.
- Parité fonctionnelle avec l'application iPad : catalogue produits, fiches clients, panier et validation des ventes.
- React Native et Expo, navigation par menu, piles et onglets (React Navigation), état global organisé par domaine avec React Context.
- Fonctionnement hors ligne : base locale SQLite chiffrée en AES-256, clé stockée dans le Keychain / Keystore, détection du réseau et synchronisation en arrière-plan.
- API REST Strapi avec authentification JWT et rafraîchissement automatique du token.
- Fonctions natives : scan de code-barres, signature, affichage de PDF, sélection d'images.
- Application bilingue FR/EN, suivi des erreurs avec Sentry et analytics avec Matomo.
React Native · Expo · JavaScript · React Navigation · SQLCipher · Axios · JWT · Formik · Yup · i18next · Strapi · Sentry · Matomo
MBT (My Beauty Tool) — Application iPad
Application iPad développée pour Pierre Fabre et utilisée par les vendeuses (Beauty Agents) dans les points de vente : gestion des produits dermo-cosmétiques, des clients et du panier de vente, avec Salesforce comme backend.
- Intervention sur une application existante : paramétrage, évolutions et améliorations fonctionnelles.
- Maintenance de l'application et de son intégration avec Salesforce.
- Front-end Angular 13 et TypeScript, en programmation réactive avec RxJS, interface en Angular Material.
- Intégration Salesforce complète : REST API (SOQL, CRUD), Composite API, Bulk API v2, endpoints Apex REST sur mesure et authentification OAuth2.
- Application multilingue (ngx-translate) et export de données en fichiers Excel (ExcelJS).
Angular · TypeScript · RxJS · Angular Material · ngx-translate · ExcelJS · Salesforce · OAuth2
Viatelease
Site web du client Viatelease, société de financement spécialisée dans la location financière (leasing) d'équipements professionnels.
Voir le site- Site complet : secteurs d'activité, cas clients, magazine, offres d'emploi avec candidature, FAQ, agences, simulateur de financement et formulaires de contact.
- Front-end Gatsby 4 (React 17) généré statiquement : les pages sont créées à partir de Strapi selon leur type (secteur, cas client, offre d'emploi, article…), chacune avec son template.
- Pages construites par sections dynamiques : chaque type de section GraphQL est associé à un composant React dédié.
- Back-office Strapi 4 sur MySQL, exposé en REST et GraphQL, multilingue, avec un plugin maison de construction de contenu.
- Médias sur DigitalOcean Spaces (CDN), emails transactionnels via Mailjet.
- SEO (sitemap, URLs canoniques, PWA) et conformité RGPD (Google Tag Manager, consentement cookies).
- Déploiement sur Netlify déclenché depuis Strapi, avec un environnement de test et un de production.
Gatsby · React · GraphQL · Sass · Swiper · Strapi · Node.js · MySQL · DigitalOcean Spaces · Mailjet · Google Tag Manager · Netlify
YZY Digital
Site vitrine bilingue (FR/EN) de YZY Digital, agence tech qui conçoit des applications web, mobiles et data. Développé avec Next.js, tout son contenu provient d'un CMS headless via GraphQL.
Voir le site- Site conçu et développé de zéro avec Next.js 14 (App Router), React 18 et TypeScript.
- Contenu entièrement piloté par un CMS headless hébergé sur Azure, consommé via Apollo Client et GraphQL.
- Carte interactive des bureaux (Mapbox GL, MapLibre GL, deck.gl) avec un optimiseur d'itinéraire basé sur OpenAI et l'API Google Maps.
- Site bilingue FR/EN avec i18next, médias servis par Azure CDN.
- Expérience interactive : carrousels Swiper, questionnaire Typeform et animations (js-confetti).
- Styles en Sass/SCSS, organisés avec un fichier par composant.
Next.js · React · TypeScript · Apollo Client · GraphQL · Sass · i18next · Mapbox GL · deck.gl · OpenAI · Google Maps API · Azure
Là où le travail se fait
Plus de 4 ans chez YZY Digital à concevoir, développer et mettre en production des produits web, de l'idée au déploiement.
Expérience
YZY Digital
Août 2022 — présentDéveloppeuse Web Full-Stack
Djerba
- Développement de YZY Content AI, plateforme interne qui automatise le SEO et la rédaction de contenus avec l'IA (Claude, OpenAI).
- Contribution à YZY WebFactory, CMS headless multi-tenant en monorepo (NestJS, Next.js, Nx).
- Réalisation de sites web clients et du site vitrine de l'agence (Next.js, Gatsby, Strapi, GraphQL).
- Application mobile MBT pour Pierre Fabre conçue de zéro (React Native), et évolutions de la version iPad (Angular, Salesforce).
Expertise
Architecture full-stack
Applications de bout en bout : frontends React/Next.js, API NestJS et Node.js, monorepos Nx, modélisation des données MongoDB et MySQL.
IA appliquée au web
Intégration de Claude et OpenAI dans des produits réels : génération de contenu, recherche agentique, traitements longs en tâche de fond (Bull, Redis) suivis en temps réel (Socket.IO).
Plateformes multi-tenant & CMS headless
Plusieurs sites et clients servis depuis une seule instance, permissions par rôle, contenus pilotés par Strapi ou un CMS sur mesure via REST et GraphQL.
Qualité & mise en production
TypeScript, Docker, CI/CD avec GitHub Actions, analyse de code SonarQube, suivi des erreurs avec Sentry.
Les outils que j'utilise
Une boîte à outils pragmatique, construite sur des produits en production.
Frontend
- React
- Next.js
- Redux
- Gatsby
- TypeScript
- JavaScript
- TailwindCSS
- Shadcn/ui
Backend
- Node.js
- NestJS
- API REST
- GraphQL
- JWT
- Swagger
- Prisma
Bases de données
- MongoDB
- MySQL
Mobile
- React Native
CMS & Cloud
- Strapi
- Salesforce
- Azure
Outils
- Docker
- Git
- GitHub Actions
- ESLint
- Jest
Organisation & collaboration
- Agile (Scrum)
- ClickUp
- Notion
- Miro
Au-delà du code
J’adopte une approche orientée solution : comprendre les enjeux métier, analyser les problématiques et concevoir des solutions fiables, maintenables et adaptées aux besoins. J’exploite également l’IA comme un véritable levier de productivité et d’innovation, de l’exploration au prototypage et à l’automatisation, tout en gardant une maîtrise rigoureuse des choix techniques et de la qualité des résultats.
Formation
Diplôme National d'Ingénieur en Informatique
ISIMS, Sfax · 2019–2022
Licence Fondamentale en Informatique de Gestion
ISG, Gabès · 2016–2019
Langues
Basée à
Djerba, Tunisie