Stagiaire Développeur Front-End React - Typescript - Interaction Humain Machine H/F Accenture France

Réinventer avec Accenture. Développez des compétences d'avenir, évoluez dans le conseil, la technologie et l'IA, aux côtés de nos experts, et agissez sur des projets concrets pour avoir un impact durable sur le monde qui nous entoure.

Accenture accompagne un grand groupe de services dans une opération de fusion acquisition à fort enjeu stratégique. Ce contexte implique la convergence de deux systèmes d'information distincts et la refonte complète de l'outil de production métier. La nouvelle solution cible est une application web moderne construite sur une architecture découplée (front-end React, back-end Java/Spring, API gateway REST, infrastructure cloud Azure).

Dans ce contexte, la qualité des interfaces, la cohérence des composants et la fluidité des interactions avec l'utilisateur constituent des enjeux importants du développement front-end.

L'équipe projet opère en mode Agile, dans un environnement outillé Azure DevOps.

Dans ce cadre, nous recherchons un stagiaire ingénieur front-end pour contribuer activement au delivery du projet, avec une attention particulière portée aux problématiques d'Interaction Humain-Machine, tout en menant des travaux d'optimisation à fort impact sur la productivité de l'équipe.

Votre mission :

Vous intégrerez l'équipe technique en tant que développeur front-end contributeur, avec trois axes de travail complémentaires.

Axe 1 - Contribution au delivery (Azure / Azure DevOps)

Participation active aux activités de développement sur la base de code front-end React, dans un projet conduit selon les méthodologies SDD (Spec Driven Development) et TDD (Test Driven Development) : chaque fonctionnalité est spécifiée avant d'être implémentée, et chaque composant est couvert par des tests écrits en amont du code de production.

- Développement de composants UI et de pages fonctionnelles en React 18 / TypeScript 5 / Vite

- Contribution à la conception et à l'implémentation d'interfaces adaptées aux usages métier - Intégration des appels API générés via Orval (OpenAPI) et pilotés par TanStack Query

- Implémentation de formulaires métier complexes avec React Hook Form + Zod

- Prise en compte de la cohérence des interactions et du comportement des composants au sein de l'application

- Rédaction de tests unitaires et d'intégration avec Vitest / Testing Library, en phase Red-Green-Refactor

- Participation aux revues de code, cérémonies Agile et démonstrations client

- Contribution aux pipelines CI/CD sur Azure DevOps (validation, lint, build, déploiement)

- Utilisation de Claude Code comme assistant de développement IA intégré au workflow (génération, revue, refactoring)

- Exploitation d'Azure AI Foundry pour l'accès aux modèles de langage et l'intégration de capacités GenAI dans l'application

Axe 2 - Tuning des pipelines GenAI et optimisation des tokens IA

L'équipe intègre des outils d'assistance par IA générative (Claude, Copilot) dans son workflow de développement quotidien.

Vous mènerez des travaux d'expérimentation et d'optimisation sur ce volet :

- Analyse et audit des usages IA actuels au sein de l'équipe (prompts, contextes, coûts en tokens)

- Conception et test de stratégies de prompting adaptées aux tâches front-end récurrentes (génération de composants, revue de code, rédaction de tests)

- Mise en place de templates de prompts normalisés réutilisables par l'équipe

- Expérimentation sur la compression de contexte et le découpage de tâches pour réduire la consommation de tokens sans dégrader la qualité des sorties

- Rédaction d'un guide de bonnes pratiques IA à destination de l'équipe engineering

Objectif : réduire le coût IA de l'équipe tout en maximisant la valeur produite par les outils d'assistance.

Axe 3 - Optimisation de la méthodologie d'ingénierie logicielle et des interfaces

Dans un contexte de forte montée en charge (fusion-acquisition, équipe en croissance), la rigueur méthodologique est un facteur clé de succès.Vous contribuerez à structurer et améliorer les pratiques de l'équipe, notamment sur les aspects liés au développement des interfaces :

- Audit des pratiques de développement front-end actuelles (conventions de code, organisation des modules, gestion des états)

- Proposition et déploiement d'un Design System cohérent basé sur les composants existants (Lucide React, CSS/tokens)

- Travail sur la cohérence, la réutilisabilité et le comportement des composants d'interface

- Amélioration de la couverture de tests et mise en place d'indicateurs de qualité (couverture, lint score, performance Vite)

- Documentation des patterns d'architecture front-end retenus (routing, gestion des formulaires, fetching)

- Contribution à l'outillage de l'équipe : scripts, configs ESLint/Prettier, règles de boundaries

Cet axe permettra notamment de mettre en pratique les compétences acquises en Interaction Humain-Machine, en travaillant sur la conception et la cohérence des composants d'interface, la gestion des interactions utilisateur et leur intégration dans un Design System réutilisable.

Environnement technique

Front-end : React 18, TypeScript 5, Vite 6, React Router 7

State & data : TanStack Query 5, Axios, Orval (OpenAPI)

Formulaires : React Hook Form, Zod

Tests : Vitest, Testing Library, jsdom

Qualité ESLint 9, Prettier, eslint-plugin-boundaries

CI/CD : Azure DevOps Pipelines

Cloud : Microsoft Azure (App Service, Azure Container Apps)

IA : Claude Code (Anthropic), Azure AI Foundry, GitHub Copilot