feat: add experiences section with localization and update skills and writings components

app/components/chat/MessageFromArthur.vue

@@ -5,6 +5,7 @@ import ToolActivity from '~/components/tool/Activity.vue'
 import ToolContact from '~/components/tool/Contact.vue'
 import ToolCredits from '~/components/tool/Credits.vue'
 import ToolDuplicated from '~/components/tool/Duplicated.vue'
+import ToolExperiences from '~/components/tool/Experiences.vue'
 import ToolHobbies from '~/components/tool/Hobbies.vue'
 import ToolHomeLab from '~/components/tool/HomeLab.vue'
 import ToolLanguage from '~/components/tool/Language.vue'
@@ -43,7 +44,7 @@ const componentMap: Record<ChatType, Component | undefined> = {
   [ChatType.PROJECTS]: ToolProjects,
   [ChatType.WRITINGS]: ToolWritings,
   [ChatType.HOBBIES]: ToolHobbies,
-  [ChatType.EXPERIENCES]: undefined,
+  [ChatType.EXPERIENCES]: ToolExperiences,
   [ChatType.STATUS]: ToolHomeLab,
   [ChatType.CREDITS]: ToolCredits,
   [ChatType.RESUME]: ToolResume,

app/components/tool/Experiences.vue

@@ -0,0 +1,56 @@
+<script lang="ts" setup>
+const { data: experiences } = await useAsyncData('experiences', async () => await queryCollection('experiences').all())
+
+const { t, locale } = useI18n()
+const formatDate = (date: string) => useDateFormat(new Date(date), 'MMM YYYY', { locales: locale.value ?? 'en' }).value
+function getLanguageForText(text: { en: string, es: string, fr: string }) {
+  return locale.value === 'en' ? text.en : locale.value === 'es' ? text.es : text.fr
+}
+</script>
+
+<template>
+  <section>
+    <div class="prose dark:prose-invert mb-16">
+      <p>{{ t('tool.experiences.main') }}</p>
+    </div>
+    <div v-if="experiences" class="space-y-16 m-1 my-4">
+      <div
+        v-for="experience in experiences.sort((a, b) => new Date(b.endDate ?? '').getTime() - new Date(a.endDate ?? '').getTime())"
+        :key="experience.id"
+        class="flex flex-col gap-2"
+      >
+        <div class="flex justify-between items-center gap-2 flex-wrap">
+          <UBadge variant="solid" size="lg" color="neutral">
+            {{ formatDate(experience.startDate) }} - {{ experience.endDate ? formatDate(experience.endDate) : t('tool.experiences.today') }}
+          </UBadge>
+          <div class="flex items-center gap-2">
+            <h1 class="text-xl">
+              {{ getLanguageForText(experience.title) }}
+            </h1>
+            <NuxtLink
+              :to="experience.companyUrl"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <h2 class="text-xl text-neutral-800 dark:text-neutral-200 font-semibold">
+                <span class="text-muted">@</span>{{ experience.company }}
+              </h2>
+            </NuxtLink>
+          </div>
+        </div>
+        <p class="text-justify">
+          {{ getLanguageForText(experience.description) }}
+        </p>
+        <div class="flex flex-wrap gap-2">
+          <UBadge
+            v-for="tag in experience.tags.sort((a: any, b: any) => a.localeCompare(b))"
+            :key="tag"
+            variant="soft"
+          >
+            {{ tag }}
+          </UBadge>
+        </div>
+      </div>
+    </div>
+  </section>
+</template>

app/components/tool/Skills.vue

@@ -7,7 +7,7 @@ const { t, locale } = useI18n()
 <template>
   <section>
     <div class="prose dark:prose-invert">
-      <p>{{ t('skills.main') }}</p>
+      <p>{{ t('tool.skills') }}</p>
     </div>
     <div v-if="skills" class="space-y-12 m-1 my-4">
       <div v-for="item in skills.body" :key="item.id" class="space-y-8">

app/components/tool/Writings.vue

@@ -2,7 +2,7 @@
 const { locale, t } = useI18n()
 
 const { data: writings } = await useAsyncData('writings-index', async () => await queryCollection('writings').order('publishedAt', 'DESC').select('title', 'description', 'id', 'publishedAt', 'tags', 'slug').limit(2).all())
-const date = (date: string) => useDateFormat(new Date(date), 'DD MMMM YYYY', { locales: locale.value ?? 'en' })
+const formatDate = (date: string) => useDateFormat(new Date(date), 'DD MMMM YYYY', { locales: locale.value ?? 'en' })
 </script>
 
 <template>
@@ -38,7 +38,7 @@ const date = (date: string) => useDateFormat(new Date(date), 'DD MMMM YYYY', { l
             </h3>
             <div class="flex items-center justify-between">
               <p class="text-sm text-muted-foreground">
-                {{ date(writing.publishedAt).value }}
+                {{ formatDate(writing.publishedAt).value }}
               </p>
               <div class="flex flex-wrap gap-2">
                 <UBadge

content.config.ts

@@ -79,4 +79,26 @@ export const collections = {
       })),
     }),
   }),
+  experiences: defineCollection({
+    type: 'data',
+    source: 'experiences/*.json',
+    schema: z.object({
+      title: z.object({
+        en: z.string(),
+        fr: z.string(),
+        es: z.string(),
+      }),
+      company: z.string(),
+      companyUrl: z.string().url().optional(),
+      startDate: z.string(),
+      endDate: z.string().optional(),
+      location: z.string(),
+      description: z.object({
+        en: z.string(),
+        fr: z.string(),
+        es: z.string(),
+      }),
+      tags: z.array(z.string()),
+    }),
+  }),
 }

content/experiences/artdanjproduction.json

@@ -0,0 +1,17 @@
+{
+  "title": {
+    "en": "Freelancer",
+    "es": "Autónomo",
+    "fr": "Auto-entrepreneur"
+  },
+  "description": {
+    "en": "As a freelancer, I designed, developed, and maintained various personal projects, exploring new programming languages and technologies. I also write documentation and articles related to my projects, fix bugs, and ensure their smooth operation in production. Additionally, I manage my Proxmox and Docker-based homelab, hosting multiple services, and set up network infrastructure to optimize performance and stability.",
+    "es": "Como autónomo, he diseñado, desarrollado y mantenido diversos proyectos personales, explorando nuevos lenguajes de programación y tecnologías. También redacto documentación y artículos relacionados con mis proyectos, soluciono errores y aseguro su correcto funcionamiento en producción. Además, administro mi homelab basado en Proxmox y Docker, alojando múltiples servicios y configurando la infraestructura de red para optimizar rendimiento y estabilidad.",
+    "fr": "En tant qu'auto-entrepreneur, j'ai conçu, développé et maintenu divers projets personnels, explorant de nouveaux langages de programmation et technologies. Je rédige également la documentation et des articles relatifs à mes projets, tout en corrigeant les bugs et en assurant leur bon fonctionnement en production. J'ai aussi administré mon homelab basé sur Proxmox et Docker, hébergeant plusieurs services, et configuré l'infrastructure réseau afin d'optimiser performances et stabilité."
+  },
+  "company": "ArtDanjProduction",
+  "companyUrl": "https://arthurdanjou.fr",
+  "location": "Paris, France",
+  "startDate": "2022-02",
+  "tags": ["Java", "TypeScript", "HomeLab", "Docker"]
+}

content/experiences/erisium.json

@@ -0,0 +1,18 @@
+{
+  "title": {
+    "en": "Junior Developer",
+    "es": "Desarrollador Junior",
+    "fr": "Développeur Junior"
+  },
+  "description": {
+    "en": "At Erisium, one of the most popular French-speaking Minecraft servers, I worked as a Junior Java Developer. I developed mini-games designed by the game design team, and worked on backend infrastructure optimizations to handle several thousand concurrent players. This experience allowed me to solve a wide range of complex bugs and to grow within a collaborative, high-performance technical environment.",
+    "es": "En Erisium, uno de los servidores de Minecraft francófonos más populares, trabajé como desarrollador Java junior.Desarrollaba minijuegos diseñados por el equipo de game design, y optimizaba la infraestructura del backend para garantizar la estabilidad del servidor ante miles de jugadores simultáneos.Esta experiencia me permitió resolver una gran cantidad de errores complejos y crecer dentro de un entorno técnico de alta exigencia y colaboración.",
+    "fr": "Chez Erisium, l'un des serveurs Minecraft francophones les plus populaires, j'ai travaillé en tant que développeur Java junior. J'y développais des mini-jeux conçus par l'équipe de game design, tout en optimisant l'infrastructure backend pour assurer la stabilité du serveur face à plusieurs milliers de joueurs simultanés. Cette expérience m'a également permis de résoudre un grand nombre de bugs complexes, en travaillant en équipe et dans un environnement à très fortes exigences techniques."
+  },
+  "company": "Erisium",
+  "companyUrl": "https://x.com/Erisium",
+  "location": "Remote, France",
+  "startDate": "2021-09",
+  "endDate": "2022-09",
+  "tags": ["java", "docker", "minecraft"]
+}

content/experiences/picard.json

@@ -0,0 +1,18 @@
+{
+  "title": {
+    "en": "Sales Assistant II",
+    "es": "Vendedor Asistente II",
+    "fr": "Vendeur Assistant II"
+  },
+  "description": {
+    "en": "As part of my student job at Picard, I welcomed and advised customers while handling product restocking and in-store deliveries. I placed orders according to overall stock, monitored the cold chain, and maintained freezer cleanliness, ensuring product quality and safety.",
+    "es": "Como parte de mi trabajo estudiantil en Picard, recibía y asesoraba a los clientes, además de encargarme del reabastecimiento y la entrega de productos en la tienda. Realizaba pedidos según el stock general, supervisaba la cadena de frío y mantenía limpios los congeladores, garantizando así la calidad y seguridad de los productos.",
+    "fr": "Dans le cadre de mon job étudiant chez Picard, j'accueillais et conseillais les clients tout en assurant le réassort et la livraison des produits en magasin. Je passais les commandes en fonction du stock global, surveillais la chaîne du froid et veillais à la propreté des congélateurs, garantissant ainsi la qualité et la sécurité des produits."
+  },
+  "company": "Picard Surgelés",
+  "companyUrl": "https://picard.fr",
+  "location": "Paris, France",
+  "startDate": "2022-09",
+  "endDate": "2024-10",
+  "tags": ["Sales", "Customer Service", "Retail"]
+}

content/experiences/sevetys.json

@@ -0,0 +1,18 @@
+{
+  "title": {
+    "en": "Data Analyst Intern",
+    "es": "Practicante de Analista de Datos",
+    "fr": "Data Analyst Stagiaire"
+  },
+  "description": {
+    "en": "At Sevetys, I worked as a Data Analyst on topics related to client and patient data. My responsibilities included Python development using PySpark on Microsoft Azure, data modeling based on business needs, and ensuring data quality. This experience allowed me to deepen my data engineering skills while working autonomously in a demanding cloud-based environment.",
+    "es": "En Sevetys, trabajé como Analista de Datos en proyectos relacionados con datos de clientes y pacientes. Me encargaba del desarrollo en Python con PySpark sobre Microsoft Azure, de la modelización de datos según las necesidades del negocio y de garantizar la calidad de los datos. Esta experiencia me permitió fortalecer mis competencias en ingeniería de datos y trabajar con autonomía en un entorno exigente en la nube.",
+    "fr": "Chez Sevetys, j'ai travaillé en tant que Data Analyst sur des problématiques liées aux données clients et patients. J'étais chargé du développement en Python avec PySpark sur Microsoft Azure, de la modélisation des données selon les besoins métier, ainsi que de l'assurance qualité des données. Cette expérience m'a permis d'approfondir mes compétences en ingénierie des données et de travailler en autonomie dans un environnement cloud exigeant."
+  },
+  "company": "Sevetys",
+  "companyUrl": "https://sevetys.fr",
+  "location": "Paris, France",
+  "startDate": "2025-06",
+  "endDate": "2025-07",
+  "tags": ["Python", "PySpark", "Microsoft Azure", "DQ"]
+}

locales/en.json

@@ -207,15 +207,17 @@
         "pdf": "PDF file"
       }
     },
-    "homelab": "I have had a homelab for several years, presented in my article: {article}.{space}\nI have also set up a status page, {status}, to monitor the real-time state of my applications, allowing me to continuously test, monitor, and improve my projects.{space}\nThis experience has given me solid expertise in infrastructure, automation, and system administration, which I apply to both my personal and professional projects."
+    "homelab": "I have had a homelab for several years, presented in my article: {article}.{space}\nI have also set up a status page, {status}, to monitor the real-time state of my applications, allowing me to continuously test, monitor, and improve my projects.{space}\nThis experience has given me solid expertise in infrastructure, automation, and system administration, which I apply to both my personal and professional projects.",
+    "skills": "As a software engineer and mathematics student, I combine scientific rigor with technical pragmatism to design solutions tailored to the challenges of data and mathematical projects. My approach focuses on a deep understanding of needs, from data preparation to deployment, while emphasizing modeling and performance optimization.Passionate about artificial intelligence and data science, I strive to balance innovation with statistical robustness. Always eager to learn, I explore both technological advancements and entrepreneurial or financial challenges. Curious and enthusiastic, I enjoy sharing knowledge and discovering new concepts, whether in theorems or emerging technologies.",
+    "experiences": {
+      "main": "Throughout my journey, I've had the opportunity to contribute to various projects — from student jobs and summer internships to self-taught experiences.\nEach one has deepened my practical understanding and strengthened my skills in statistics, software development, and data management, while exposing me to a range of technical environments.\nThey also taught me to work effectively in a team, while developing strong autonomy and adaptability.",
+      "today": "Today"
+    }
   },
   "error": {
     "main": "I think you're lost, let's go back to the",
     "redirect": "homepage"
   },
-  "skills": {
-    "main": "As a software engineer and mathematics student, I combine scientific rigor with technical pragmatism to design solutions tailored to the challenges of data and mathematical projects. My approach focuses on a deep understanding of needs, from data preparation to deployment, while emphasizing modeling and performance optimization.Passionate about artificial intelligence and data science, I strive to balance innovation with statistical robustness. Always eager to learn, I explore both technological advancements and entrepreneurial or financial challenges. Curious and enthusiastic, I enjoy sharing knowledge and discovering new concepts, whether in theorems or emerging technologies."
-  },
   "alert": "For lack of time, I did not have time to translate this content into English. Thank you for your understanding.",
   "post": {
     "footer": {

locales/es.json

@@ -207,6 +207,10 @@
       "main": "Comparto mis reflexiones sobre matemáticas, inteligencia artificial, desarrollo y mis pasiones, organizándolas para seguir la evolución de mis ideas y proyectos. {space}Aquí, encontrarás los dos artículos más recientes, pero todos mis escritos son accesibles en la página de {writings}, para explorar más a fondo mi universo entre código, matemáticas e IA.",
       "link": "Artículos"
     },
+    "experiences": {
+      "main": "A lo largo de mi recorrido, he tenido la oportunidad de participar en distintos proyectos: desde trabajos estudiantiles y prácticas de verano, hasta experiencias adquiridas de forma autodidacta.\nCada una de ellas ha enriquecido mi comprensión del terreno y ha reforzado mis habilidades en estadística, desarrollo y gestión de datos, en contextos técnicos muy variados.\nTambién me han enseñado a trabajar en equipo con eficacia, desarrollando al mismo tiempo una gran autonomía y capacidad de adaptación.",
+      "today": "Hoy"
+    },
     "hobbies": "Además de la programación y mis proyectos técnicos, dedico una gran parte de mi tiempo libre a mis pasiones: deporte, música, viajes y momentos compartidos con amigos. El deporte me trae rigor y perseverancia, la música estimula mi creatividad y el viaje me abre a otras culturas, a otras formas de pensar, lo que también nutre mi curiosidad intelectual. Estas pasiones me ayudan a mantener un buen equilibrio y fortalecer las cualidades que movilizo en mis estudios y en mi carrera: curiosidad, compromiso, autonomía y voluntad constante para progresar. Me hacen alguien motivado, adaptable y siempre listo para asumir nuevos desafíos.",
     "homelab": "He tenido un homelab durante varios años, presentado en mi artículo: {article}.{space}\nTambién he creado un {status} para supervisar en tiempo real el estado de mis aplicaciones, lo que me permite probar, monitorear y mejorar continuamente mis proyectos.{space}\nEsta experiencia me ha proporcionado una sólida experiencia en infraestructura, automatización y administración de sistemas, que aplico tanto en mis proyectos personales como profesionales."
   },

locales/fr.json

@@ -1,7 +1,7 @@
 {
   "main": {
     "question": "Génial ! Parle moi un peu plus de toi.",
-    "about": "Je suis étudiant en deuxième année de Master Mathématiques et Applications, parcours Ingénierie Statistique et Finance – Data Science, à l’Université Paris-Dauphine PSL en France. Je me spécialise en statistique appliquée, modélisation et data science, avec un intérêt marqué pour l’analyse de données, l’algorithmique et l’implémentation logicielle, afin de contribuer aux applications concrètes de l’intelligence artificielle dans notre monde actuel. {space} Grâce à ma formation en mathématiques et à ma compréhension des technologies émergentes, je suis capable de saisir les concepts théoriques et de concevoir des solutions efficaces dans un domaine en pleine expansion. {space} Accédez directement aux autres pages : {links}",
+    "about": "Je suis étudiant en deuxième année de Master Mathématiques et Applications, parcours Ingénierie Statistique et Finance – Data Science, à l'Université Paris-Dauphine PSL en France. Je me spécialise en statistique appliquée, modélisation et data science, avec un intérêt marqué pour l'analyse de données, l'algorithmique et l'implémentation logicielle, afin de contribuer aux applications concrètes de l'intelligence artificielle dans notre monde actuel. {space} Grâce à ma formation en mathématiques et à ma compréhension des technologies émergentes, je suis capable de saisir les concepts théoriques et de concevoir des solutions efficaces dans un domaine en pleine expansion. {space} Accédez directement aux autres pages : {links}",
     "powered": "Propulsé par Nuxt"
   },
   "palette": {
@@ -186,7 +186,7 @@
       "link": "Projets"
     },
     "writings": {
-      "main": "Je partage mes réflexions sur les mathématiques, l'intelligence artificielle, le développement et mes passions, en les organisant pour suivre l’évolution de mes idées et projets. {space}Ici, vous trouverez les deux articles les plus récents, mais tous mes écrits sont accessibles sur la page des {writings}, pour explorer plus en profondeur mon univers entre code, maths et IA.",
+      "main": "Je partage mes réflexions sur les mathématiques, l'intelligence artificielle, le développement et mes passions, en les organisant pour suivre l'évolution de mes idées et projets. {space}Ici, vous trouverez les deux articles les plus récents, mais tous mes écrits sont accessibles sur la page des {writings}, pour explorer plus en profondeur mon univers entre code, maths et IA.",
       "link": "Articles"
     },
     "hobbies": "En dehors de la programmation et de mes projets techniques, je consacre une grande partie de mon temps libre à mes passions : le sport, la musique, les voyages et les moments partagés entre amis. Le sport m'apporte rigueur et persévérance, la musique stimule ma créativité, et voyager m'ouvre à d'autres cultures, à d'autres façons de penser, ce qui nourrit aussi ma curiosité intellectuelle. Ces passions m'aident à garder un bon équilibre et renforcent les qualités que je mobilise dans mes études et ma carrière: curiosité, engagement, autonomie et volonté constante de progresser. Elles font de moi quelqu'un de motivé, adaptable, et toujours prêt à relever de nouveaux défis.",
@@ -208,15 +208,17 @@
         "pdf": "Fichier pdf"
       }
     },
-    "homelab": "Je possède un homelab depuis quelques années, présenté dans mon article : {article}. {space}\nJ’ai également mis en place une page de statut, {status}, pour suivre en temps réel l’état de mes applications, ce qui me permet de surveiller, tester et améliorer continuellement mes projets.\nCette expérience m’a donné une solide expertise en infrastructure, automatisation et administration de systèmes, que j’applique à la fois dans mes projets personnels et professionnels."
+    "homelab": "Je possède un homelab depuis quelques années, présenté dans mon article : {article}. {space}\nJ'ai également mis en place une page de statut, {status}, pour suivre en temps réel l'état de mes applications, ce qui me permet de surveiller, tester et améliorer continuellement mes projets.\nCette expérience m'a donné une solide expertise en infrastructure, automatisation et administration de systèmes, que j'applique à la fois dans mes projets personnels et professionnels.",
+    "skills": "En tant qu'ingénieur logiciel et étudiant en mathématiques, j'allie rigueur scientifique et pragmatisme technique pour concevoir des solutions adaptées aux enjeux des projets data et mathématiques. Mon approche repose sur une compréhension approfondie des besoins, de la préparation des données à la mise en production, en passant par la modélisation et l'optimisation des performances. Passionné par l'intelligence artificielle et la data science, je m'attache à concilier innovation et robustesse statistique. Toujours en quête d'apprentissage, je m'intéresse autant aux avancées technologiques qu'aux défis entrepreneuriaux ou financiers. Curieux et enthousiaste, j'aime partager mes connaissances et explorer de nouveaux concepts, qu'il s'agisse de théorèmes ou de technologies émergentes.",
+    "experiences": {
+      "main": "Au fil de mon parcours, j'ai eu l'opportunité de contribuer à différents projets, allant de travaux étudiants à des stages d'été, en passant par des expériences en autodidacte.\nChacune d'elles a enrichi ma compréhension du terrain et m'a permis de consolider mes compétences en statistiques, développement et gestion de données, tout en évoluant dans des environnements techniques variés.\nElles m'ont aussi appris à travailler efficacement en équipe, tout en développant une grande autonomie et une forte capacité d'adaptation.",
+      "today": "Aujourd'hui"
+    }
   },
   "error": {
     "main": "Je pense que vous êtes perdu, retournons en arrière à la",
     "redirect": "page d'accueil"
   },
-  "skills": {
-    "main": "En tant qu'ingénieur logiciel et étudiant en mathématiques, j'allie rigueur scientifique et pragmatisme technique pour concevoir des solutions adaptées aux enjeux des projets data et mathématiques. Mon approche repose sur une compréhension approfondie des besoins, de la préparation des données à la mise en production, en passant par la modélisation et l’optimisation des performances. Passionné par l’intelligence artificielle et la data science, je m’attache à concilier innovation et robustesse statistique. Toujours en quête d’apprentissage, je m’intéresse autant aux avancées technologiques qu’aux défis entrepreneuriaux ou financiers. Curieux et enthousiaste, j’aime partager mes connaissances et explorer de nouveaux concepts, qu’il s’agisse de théorèmes ou de technologies émergentes."
-  },
   "alert": "Par manque de temps, je n'ai pas eu le temps de traduire ce contenu en français. Merci de votre compréhension.",
   "post": {
     "footer": {