Tests réalisés
- Navigation, liens et boutons.
- Affichage sur ordinateur et téléphone.
- Carte de localisation et bouton d’appel.
- Affichage des avis après correction.
- Cohérence des pages et validation par le gérant.
03 / EXPÉRIENCE PROFESSIONNELLE
Mes stages
Des expériences en développement web et en maintenance informatique, pour répondre à des besoins concrets.
STAGE 1 / DÉVELOPPEMENT WEB
Épicerie du monde
Épicerie de spécialités à Pau
Du 25 mai au 26 juin 2026
Le contexte et la mission
L’Épicerie du monde, au 4 rue Lavoisier à Pau, vend des spécialités de différents pays. Avant le stage, elle était présente sur TikTok mais n’avait pas de site web.
Ma mission : concevoir seul un site vitrine pour présenter le commerce, ses produits et ses informations pratiques, sur ordinateur comme sur téléphone.
Les outils du projet
Architecture du site : React, Vite et TypeScript pour l’interface, WordPress comme CMS headless, déploiement sur Netlify.
React
Vite
TypeScript
Tailwind CSS
shadcn/ui
Netlify
Figma
Builder.io
VS Code
GitHub CopilotLa création du site, étape par étape
- 01 / Figma
Maquettes sur Figma
J’ai dessiné les principales pages dans Figma. Les maquettes ont permis de valider leur organisation avec le gérant avant le développement.
- 02 / Builder.io
Premier jet avec Builder.io
J’ai généré une première version avec Builder.io, puis récupéré le code pour le retravailler.
- 03 / VS Code · GitHub Copilot
Reprise dans VS Code
J’ai adapté le code dans VS Code avec l’aide de GitHub Copilot. React permet de réutiliser les composants du menu et du pied de page.
- 04 / React · Trustindex
Les avis Google dans React
Le script Trustindex cherchait son emplacement avant que React ne l’ait créé. J’ai réservé un conteneur et ajusté le lancement du script pour qu’il intervienne après son apparition.
Avis clients — capture du rapport. - 05 / Netlify
Déploiement sur Netlify
Après les tests, j’ai publié le site sur Netlify pour le rendre accessible en ligne.
Site publié — page Contact sur ordinateur. - 06 / React · Netlify
Résultat final
Quatre pages présentent le commerce : accueil, histoire, galerie et contact. Le gérant a validé le résultat, comme indiqué dans mon rapport.
Accueil du site — ordinateur. Accueil du site — mobile.
Mon bilan
J’ai renforcé mes bases web et découvert le fonctionnement d’une application React. Ce projet m’a appris à organiser mon travail, chercher des solutions et livrer un service utile à un client.
Le problème de Trustindex m’a aidé à comprendre l’importance de l’ordre de chargement des éléments.
Galerie du projet
Captures du rapport et vues du site réalisé.
Ce stage est prévu pour approfondir l’administration d’infrastructures et la sécurité informatique. Les missions seront précisées avec l’entreprise d’accueil.
Entreprise
[À COMPLÉTER : nom, secteur, lieu et présentation de l’entreprise du stage 2]
Contexte
[À COMPLÉTER : besoin initial et environnement informatique du stage 2]
Missions
[À COMPLÉTER : missions réalisées et contribution personnelle au stage 2]
Technologies
[À COMPLÉTER : outils et technologies réellement utilisés au stage 2]
Problèmes et solutions
[À COMPLÉTER : difficultés rencontrées et solutions vérifiées au stage 2]
Compétences et bilan
[À COMPLÉTER : compétences mobilisées, résultats et apprentissages du stage 2]
Ce qui rend ce stage unique
[À COMPLÉTER : spécificité du stage 2 et différence avec le premier stage web]
Captures du stage
[À COMPLÉTER : captures et preuves du stage 2]
Mes stages au lycée
Maintenance, diagnostic et relation client : mes premières expériences professionnelles en informatique.
2023–2024 · 10 semaines
InfoDirect · Lons
Assemblage et réparation de PC fixes et portables, diagnostic des pannes matérielles et logicielles.
Suivi des interventions, mise à jour des fiches clients, accueil et conseil.
2025 · 3 semaines
MatFormatique · Pau
Assemblage et réparation de PC fixes et portables, diagnostic des pannes matérielles et logicielles.
Suivi des interventions, mise à jour des fiches clients, accueil et conseil.