<!DOCTYPE html><html  dir="ltr" lang="fr"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Nicolas Bonnici</title><style id="nuxt-ui-colors">@layer theme {
  :root, :host {
  --ui-color-primary-50: var(--color-green-50, oklch(98.2% 0.018 155.826));
  --ui-color-primary-100: var(--color-green-100, oklch(96.2% 0.044 156.743));
  --ui-color-primary-200: var(--color-green-200, oklch(92.5% 0.084 155.995));
  --ui-color-primary-300: var(--color-green-300, oklch(87.1% 0.15 154.449));
  --ui-color-primary-400: var(--color-green-400, oklch(79.2% 0.209 151.711));
  --ui-color-primary-500: var(--color-green-500, oklch(72.3% 0.219 149.579));
  --ui-color-primary-600: var(--color-green-600, oklch(62.7% 0.194 149.214));
  --ui-color-primary-700: var(--color-green-700, oklch(52.7% 0.154 150.069));
  --ui-color-primary-800: var(--color-green-800, oklch(44.8% 0.119 151.328));
  --ui-color-primary-900: var(--color-green-900, oklch(39.3% 0.095 152.535));
  --ui-color-primary-950: var(--color-green-950, oklch(26.6% 0.065 152.934));
  --ui-color-secondary-50: var(--color-blue-50, oklch(97% 0.014 254.604));
  --ui-color-secondary-100: var(--color-blue-100, oklch(93.2% 0.032 255.585));
  --ui-color-secondary-200: var(--color-blue-200, oklch(88.2% 0.059 254.128));
  --ui-color-secondary-300: var(--color-blue-300, oklch(80.9% 0.105 251.813));
  --ui-color-secondary-400: var(--color-blue-400, oklch(70.7% 0.165 254.624));
  --ui-color-secondary-500: var(--color-blue-500, oklch(62.3% 0.214 259.815));
  --ui-color-secondary-600: var(--color-blue-600, oklch(54.6% 0.245 262.881));
  --ui-color-secondary-700: var(--color-blue-700, oklch(48.8% 0.243 264.376));
  --ui-color-secondary-800: var(--color-blue-800, oklch(42.4% 0.199 265.638));
  --ui-color-secondary-900: var(--color-blue-900, oklch(37.9% 0.146 265.522));
  --ui-color-secondary-950: var(--color-blue-950, oklch(28.2% 0.091 267.935));
  --ui-color-success-50: var(--color-green-50, oklch(98.2% 0.018 155.826));
  --ui-color-success-100: var(--color-green-100, oklch(96.2% 0.044 156.743));
  --ui-color-success-200: var(--color-green-200, oklch(92.5% 0.084 155.995));
  --ui-color-success-300: var(--color-green-300, oklch(87.1% 0.15 154.449));
  --ui-color-success-400: var(--color-green-400, oklch(79.2% 0.209 151.711));
  --ui-color-success-500: var(--color-green-500, oklch(72.3% 0.219 149.579));
  --ui-color-success-600: var(--color-green-600, oklch(62.7% 0.194 149.214));
  --ui-color-success-700: var(--color-green-700, oklch(52.7% 0.154 150.069));
  --ui-color-success-800: var(--color-green-800, oklch(44.8% 0.119 151.328));
  --ui-color-success-900: var(--color-green-900, oklch(39.3% 0.095 152.535));
  --ui-color-success-950: var(--color-green-950, oklch(26.6% 0.065 152.934));
  --ui-color-info-50: var(--color-blue-50, oklch(97% 0.014 254.604));
  --ui-color-info-100: var(--color-blue-100, oklch(93.2% 0.032 255.585));
  --ui-color-info-200: var(--color-blue-200, oklch(88.2% 0.059 254.128));
  --ui-color-info-300: var(--color-blue-300, oklch(80.9% 0.105 251.813));
  --ui-color-info-400: var(--color-blue-400, oklch(70.7% 0.165 254.624));
  --ui-color-info-500: var(--color-blue-500, oklch(62.3% 0.214 259.815));
  --ui-color-info-600: var(--color-blue-600, oklch(54.6% 0.245 262.881));
  --ui-color-info-700: var(--color-blue-700, oklch(48.8% 0.243 264.376));
  --ui-color-info-800: var(--color-blue-800, oklch(42.4% 0.199 265.638));
  --ui-color-info-900: var(--color-blue-900, oklch(37.9% 0.146 265.522));
  --ui-color-info-950: var(--color-blue-950, oklch(28.2% 0.091 267.935));
  --ui-color-warning-50: var(--color-yellow-50, oklch(98.7% 0.026 102.212));
  --ui-color-warning-100: var(--color-yellow-100, oklch(97.3% 0.071 103.193));
  --ui-color-warning-200: var(--color-yellow-200, oklch(94.5% 0.129 101.54));
  --ui-color-warning-300: var(--color-yellow-300, oklch(90.5% 0.182 98.111));
  --ui-color-warning-400: var(--color-yellow-400, oklch(85.2% 0.199 91.936));
  --ui-color-warning-500: var(--color-yellow-500, oklch(79.5% 0.184 86.047));
  --ui-color-warning-600: var(--color-yellow-600, oklch(68.1% 0.162 75.834));
  --ui-color-warning-700: var(--color-yellow-700, oklch(55.4% 0.135 66.442));
  --ui-color-warning-800: var(--color-yellow-800, oklch(47.6% 0.114 61.907));
  --ui-color-warning-900: var(--color-yellow-900, oklch(42.1% 0.095 57.708));
  --ui-color-warning-950: var(--color-yellow-950, oklch(28.6% 0.066 53.813));
  --ui-color-error-50: var(--color-red-50, oklch(97.1% 0.013 17.38));
  --ui-color-error-100: var(--color-red-100, oklch(93.6% 0.032 17.717));
  --ui-color-error-200: var(--color-red-200, oklch(88.5% 0.062 18.334));
  --ui-color-error-300: var(--color-red-300, oklch(80.8% 0.114 19.571));
  --ui-color-error-400: var(--color-red-400, oklch(70.4% 0.191 22.216));
  --ui-color-error-500: var(--color-red-500, oklch(63.7% 0.237 25.331));
  --ui-color-error-600: var(--color-red-600, oklch(57.7% 0.245 27.325));
  --ui-color-error-700: var(--color-red-700, oklch(50.5% 0.213 27.518));
  --ui-color-error-800: var(--color-red-800, oklch(44.4% 0.177 26.899));
  --ui-color-error-900: var(--color-red-900, oklch(39.6% 0.141 25.723));
  --ui-color-error-950: var(--color-red-950, oklch(25.8% 0.092 26.042));
  --ui-color-neutral-50: var(--color-old-neutral-50, oklch(98.5% 0 0));
  --ui-color-neutral-100: var(--color-old-neutral-100, oklch(97% 0 0));
  --ui-color-neutral-200: var(--color-old-neutral-200, oklch(92.2% 0 0));
  --ui-color-neutral-300: var(--color-old-neutral-300, oklch(87% 0 0));
  --ui-color-neutral-400: var(--color-old-neutral-400, oklch(70.8% 0 0));
  --ui-color-neutral-500: var(--color-old-neutral-500, oklch(55.6% 0 0));
  --ui-color-neutral-600: var(--color-old-neutral-600, oklch(43.9% 0 0));
  --ui-color-neutral-700: var(--color-old-neutral-700, oklch(37.1% 0 0));
  --ui-color-neutral-800: var(--color-old-neutral-800, oklch(26.9% 0 0));
  --ui-color-neutral-900: var(--color-old-neutral-900, oklch(20.5% 0 0));
  --ui-color-neutral-950: var(--color-old-neutral-950, oklch(14.5% 0 0));
  }
  :root, :host, .light {
  --ui-primary: var(--ui-color-primary-500);
  --ui-secondary: var(--ui-color-secondary-500);
  --ui-success: var(--ui-color-success-500);
  --ui-info: var(--ui-color-info-500);
  --ui-warning: var(--ui-color-warning-500);
  --ui-error: var(--ui-color-error-500);
  }
  .dark {
  --ui-primary: var(--ui-color-primary-400);
  --ui-secondary: var(--ui-color-secondary-400);
  --ui-success: var(--ui-color-success-400);
  --ui-info: var(--ui-color-info-400);
  --ui-warning: var(--ui-color-warning-400);
  --ui-error: var(--ui-color-error-400);
  }
}</style><style>.page-enter-active,.page-leave-active{transition:all .4s}.page-enter-from,.page-leave-to{filter:blur(1rem)}</style><style>*,:after,:before{box-sizing:border-box}body,html{overflow-x:hidden}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;scroll-behavior:smooth}.has-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}:deep(.bg-blue-100),:deep(.bg-blue-50),:deep(.bg-blue-500),:deep(.bg-blue-600),:deep(.bg-blue-900),:deep(.bg-slate-100),:deep(.bg-slate-50),:deep(.bg-slate-800),:deep(.bg-slate-900),:deep(.bg-slate-950){background-color:#333!important}:deep(.bg-primary-100),:deep(.bg-primary-50){background-color:#333!important}</style><style>#scroll-to-top{cursor:pointer;opacity:0;color:#05df72;background:transparent;border:3px solid oklch(.792 .209 151.711);border-radius:50%;position:fixed;width:56px;height:56px;bottom:5%;right:5%;display:flex;align-items:center;justify-content:center;z-index:9;transition:all .3s ease}#scroll-to-top:hover{background:#05df72;color:#000;border:3px solid oklch(.792 .209 151.711);transform:scale(1.1)}</style><style>.viewport[data-v-111bc022]{position:absolute;top:0;right:0;left:auto;transform:translateY(-50%);width:auto;height:100%;perspective-origin:50% 50%;display:flex;justify-content:flex-end;align-items:center;padding-right:15%;pointer-events:none;z-index:0}[dir=rtl] .viewport[data-v-111bc022]{right:auto;left:0;padding-right:0;padding-left:15%;justify-content:flex-start}.cube[data-v-111bc022]{color:#05df72;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:move;position:relative;transform-style:preserve-3d;will-change:transform;opacity:0;pointer-events:all}.face[data-v-111bc022]{width:280px;height:280px;outline:1px solid transparent;background:#404040;border:1px solid oklch(.792 .209 151.711);position:absolute;font-family:Arial,sans-serif;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;box-shadow:0 10px 30px #00000080,0 5px 15px #05df724d}.face-content[data-v-111bc022]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.face-icon[data-v-111bc022]{width:128px;height:128px;color:#05df72;opacity:.6}@media screen and (max-width:1024px){.viewport[data-v-111bc022]{top:10%;right:0;left:auto;z-index:0;display:flex;justify-content:flex-end;align-items:center;padding-right:5%;padding-left:0}[dir=rtl] .viewport[data-v-111bc022]{left:0;right:auto;justify-content:flex-start;padding-left:5%;padding-right:0}.cube[data-v-111bc022]{margin-right:0;color:var(--primary-color)}.face[data-v-111bc022]{width:128px;height:128px}.face-icon[data-v-111bc022]{width:64px;height:64px}}</style><style>[dir=rtl] .bio-card[data-v-8213510d]{border-left-width:1px;border-right-width:8px}</style><link rel="stylesheet" href="/_nuxt/entry.BBXcu2-m.css" crossorigin><style>@layer base {:where(.i-heroicons\:academic-cap){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.26 10.147a60 60 0 0 0-.491 6.347A48.6 48.6 0 0 1 12 20.904a48.6 48.6 0 0 1 8.232-4.41a61 61 0 0 0-.491-6.347m-15.482 0a51 51 0 0 0-2.658-.813A60 60 0 0 1 12 3.493a60 60 0 0 1 10.399 5.84q-1.345.372-2.658.814m-15.482 0A51 51 0 0 1 12 13.489a50.7 50.7 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5m0 0v-3.675A55 55 0 0 1 12 8.443m-7.007 11.55A5.98 5.98 0 0 0 6.75 15.75v-1.5'/%3E%3C/svg%3E")}:where(.i-heroicons\:beaker){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.75 3.104v5.714a2.25 2.25 0 0 1-.659 1.591L5 14.5M9.75 3.104q-.376.034-.75.082m.75-.082a24.3 24.3 0 0 1 4.5 0m0 0v5.714c0 .597.237 1.17.659 1.591L19.8 15.3M14.25 3.104q.377.034.75.082M19.8 15.3l-1.57.393A9.07 9.07 0 0 1 12 15a9.07 9.07 0 0 0-6.23-.693L5 14.5m14.8.8l1.402 1.402c1.232 1.232.65 3.318-1.067 3.611A48.3 48.3 0 0 1 12 21a48 48 0 0 1-8.135-.687c-1.718-.293-2.3-2.379-1.067-3.61L5 14.5'/%3E%3C/svg%3E")}:where(.i-heroicons\:briefcase){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18c-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48 48 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A24 24 0 0 1 12 15.75a24 24 0 0 1-7.577-1.22a2 2 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48 48 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a49 49 0 0 0-7.5 0M12 12.75h.008v.008H12z'/%3E%3C/svg%3E")}:where(.i-heroicons\:circle-stack){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M20.25 6.375c0 2.278-3.694 4.125-8.25 4.125S3.75 8.653 3.75 6.375m16.5 0c0-2.278-3.694-4.125-8.25-4.125S3.75 4.097 3.75 6.375m16.5 0v11.25c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125V6.375m16.5 0v3.75m-16.5-3.75v3.75m16.5 0v3.75C20.25 16.153 16.556 18 12 18s-8.25-1.847-8.25-4.125v-3.75m16.5 0c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125'/%3E%3C/svg%3E")}:where(.i-heroicons\:code-bracket){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M17.25 6.75L22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3l-4.5 16.5'/%3E%3C/svg%3E")}:where(.i-heroicons\:command-line){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6.75 7.5l3 2.25l-3 2.25m4.5 0h3m-9 8.25h13.5A2.25 2.25 0 0 0 21 18V6a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 6v12a2.25 2.25 0 0 0 2.25 2.25'/%3E%3C/svg%3E")}:where(.i-heroicons\:cpu-chip){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8.25 3v1.5M4.5 8.25H3m18 0h-1.5M4.5 12H3m18 0h-1.5m-15 3.75H3m18 0h-1.5M8.25 19.5V21M12 3v1.5m0 15V21m3.75-18v1.5m0 15V21m-9-1.5h10.5a2.25 2.25 0 0 0 2.25-2.25V6.75a2.25 2.25 0 0 0-2.25-2.25H6.75A2.25 2.25 0 0 0 4.5 6.75v10.5a2.25 2.25 0 0 0 2.25 2.25m.75-12h9v9h-9z'/%3E%3C/svg%3E")}:where(.i-heroicons\:document-text){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9'/%3E%3C/svg%3E")}:where(.i-heroicons\:home){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2.25 12l8.955-8.955a1.124 1.124 0 0 1 1.59 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25'/%3E%3C/svg%3E")}:where(.i-heroicons\:language){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m10.5 21l5.25-11.25L21 21m-9-3h7.5M3 5.621a49 49 0 0 1 6-.371m0 0q1.681 0 3.334.114M9 5.25V3m3.334 2.364C11.176 10.658 7.69 15.08 3 17.502m9.334-12.138q1.344.092 2.666.257m-4.589 8.495a18 18 0 0 1-3.827-5.802'/%3E%3C/svg%3E")}:where(.i-heroicons\:map-pin){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M15 10.5a3 3 0 1 1-6 0a3 3 0 0 1 6 0'/%3E%3Cpath d='M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-heroicons\:server-stack){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.25 14.25h13.5m-13.5 0a3 3 0 0 1-3-3m3 3a3 3 0 1 0 0 6h13.5a3 3 0 1 0 0-6m-16.5-3a3 3 0 0 1 3-3h13.5a3 3 0 0 1 3 3m-19.5 0a4.5 4.5 0 0 1 .9-2.7L5.738 5.1a3.38 3.38 0 0 1 2.7-1.35h7.124c1.063 0 2.063.5 2.7 1.35l2.588 3.45a4.5 4.5 0 0 1 .9 2.7m0 0a3 3 0 0 1-3 3m0 3h.008v.008h-.008zm0-6h.008v.008h-.008zm-3 6h.008v.008h-.008zm0-6h.008v.008h-.008z'/%3E%3C/svg%3E")}:where(.i-heroicons\:trophy){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16.5 18.75h-9m9 0a3 3 0 0 1 3 3h-15a3 3 0 0 1 3-3m9 0v-3.375c0-.621-.503-1.125-1.125-1.125h-.871M7.5 18.75v-3.375c0-.621.504-1.125 1.125-1.125h.872m5.007 0H9.497m5.007 0a7.45 7.45 0 0 1-.982-3.172M9.497 14.25a7.45 7.45 0 0 0 .981-3.172M5.25 4.236q-1.473.215-2.916.52A6 6 0 0 0 7.73 9.728M5.25 4.236V4.5c0 2.108.966 3.99 2.48 5.228M5.25 4.236V2.721C7.456 2.41 9.71 2.25 12 2.25s4.545.16 6.75.47v1.516M7.73 9.728a6.7 6.7 0 0 0 2.748 1.35m8.272-6.842V4.5c0 2.108-.966 3.99-2.48 5.228m2.48-5.492a46 46 0 0 1 2.916.52a6 6 0 0 1-5.395 4.972m0 0a6.7 6.7 0 0 1-2.749 1.35m0 0a6.8 6.8 0 0 1-3.044 0'/%3E%3C/svg%3E")}:where(.i-heroicons\:window){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 8.25V18a2.25 2.25 0 0 0 2.25 2.25h13.5A2.25 2.25 0 0 0 21 18V8.25m-18 0V6a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 6v2.25m-18 0h18M5.25 6h.008v.008H5.25zM7.5 6h.008v.008H7.5zm2.25 0h.008v.008H9.75z'/%3E%3C/svg%3E")}:where(.i-heroicons\:wrench-screwdriver){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M11.42 15.17L17.25 21A2.652 2.652 0 0 0 21 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.317-.384.74-.626 1.208-.766M11.42 15.17l-4.655 5.653a2.548 2.548 0 1 1-3.586-3.586l6.837-5.63m5.108-.233c.55-.164 1.163-.188 1.743-.14q.19.017.384.017a4.5 4.5 0 0 0 4.102-6.352l-3.276 3.276a3 3 0 0 1-2.25-2.25l3.276-3.276a4.5 4.5 0 0 0-6.336 4.486c.091 1.076-.071 2.264-.904 2.95l-.102.085m-1.745 1.437L5.909 7.5H4.5L2.25 3.75l1.5-1.5L7.5 4.5v1.409l4.26 4.26m-1.745 1.437l1.745-1.437m6.615 8.206L15.75 15.75M4.867 19.125h.008v.008h-.008z'/%3E%3C/svg%3E")}}</style><link rel="preload" as="fetch" crossorigin="anonymous" href="/_payload.json?a04a9765-634a-4d7f-bf02-85e592284809"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BgbJJ_wg.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BnAOZLsJ.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/DrMUdvZR.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/DINLTQLd.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/CLZN-mzY.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/D6m9Q5QH.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/D25QQSz8.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/DlAUqK2U.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BP-nzsJ9.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/CO21XQzn.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/iV8t3Nam.js"><script type="module" src="/_nuxt/BgbJJ_wg.js" crossorigin></script><meta name="description" content="Developer and entrepreneur from Paris, France."><meta name="theme-color" content="#1a1a1a"><meta property="og:site_name" content="Nicolas Bonnici"><meta property="og:type" content="website"><meta name="twitter:card" content="summary"><script id="unhead:payload" type="application/json">{"title":"Nicolas Bonnici"}</script><script>"use strict";(()=>{const t=window,e=document.documentElement,c=["dark","light"],n=getStorageValue("localStorage","nuxt-color-mode")||"dark";let i=n==="system"?u():n;const r=e.getAttribute("data-color-mode-forced");r&&(i=r),l(i),t["__NUXT_COLOR_MODE__"]={preference:n,value:i,getColorScheme:u,addColorScheme:l,removeColorScheme:d};function l(o){const s=""+o+"",a="";e.classList?e.classList.add(s):e.className+=" "+s,a&&e.setAttribute("data-"+a,o)}function d(o){const s=""+o+"",a="";e.classList?e.classList.remove(s):e.className=e.className.replace(new RegExp(s,"g"),""),a&&e.removeAttribute("data-"+a)}function f(o){return t.matchMedia("(prefers-color-scheme"+o+")")}function u(){if(t.matchMedia&&f("").media!=="not all"){for(const o of c)if(f(":"+o).matches)return o}return"dark"}})();function getStorageValue(t,e){switch(t){case"localStorage":return window.localStorage.getItem(e);case"sessionStorage":return window.sessionStorage.getItem(e);case"cookie":return getCookie(e);default:return null}}function getCookie(t){const c=("; "+window.document.cookie).split("; "+t+"=");if(c.length===2)return c.pop()?.split(";").shift()}</script></head><body><div id="__nuxt" class="isolate"><!--[--><!--[--><!--[--><!--[--><!--[--><div class="min-h-screen" style="background:linear-gradient(to bottom right, rgb(26, 26, 26), rgb(51, 51, 51), rgb(26, 26, 26));"><header class="fixed top-0 left-0 right-0 z-50 border-b border-b-primary-800/50 backdrop-blur-xl bg-black-950/70"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex items-center justify-between h-16"><nav class="flex items-center gap-6"><!--[--><a href="/" data-slot="base" class="rounded-md inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 gap-1.5 text-primary hover:bg-primary/10 active:bg-primary/10 focus:outline-none focus-visible:bg-primary/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent text-base font-semibold"><!--[--><!--[--><span class="iconify i-heroicons:home shrink-0 size-5" aria-hidden="true" style="" data-slot="leadingIcon"></span><!--]--><!--[--><span data-slot="label" class="truncate">Accueil</span><!--]--><!--[--><!----><!--]--><!--]--></a><a href="/blog" data-slot="base" class="rounded-md inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 gap-1.5 text-primary hover:bg-primary/10 active:bg-primary/10 focus:outline-none focus-visible:bg-primary/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent text-base font-semibold"><!--[--><!--[--><span class="iconify i-heroicons:document-text shrink-0 size-5" aria-hidden="true" style="" data-slot="leadingIcon"></span><!--]--><!--[--><span data-slot="label" class="truncate">Blog</span><!--]--><!--[--><!----><!--]--><!--]--></a><!--]--></nav><div class="flex items-center gap-3"><span class="iconify i-heroicons:language w-6 h-6 text-primary" aria-hidden="true" style=""></span><span></span><span></span></div></div></div></header><div id="scroll-to-top" class="has-transition shadow-2xl backdrop-blur-xl"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-8 h-8"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 10.5L12 3m0 0l7.5 7.5M12 3v18"></path></svg></div><main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-24"><!--[--><div class="space-y-8" data-v-ef766064><section class="py-16 space-y-12 relative px-4" data-v-ef766064 data-v-8213510d><div class="space-y-8 relative max-w-7xl mx-auto" data-v-8213510d><div class="space-y-4 relative z-10 pointer-events-none" data-v-8213510d><div class="viewport" data-v-8213510d data-v-111bc022><div class="cube has-transition" draggable="true" data-v-111bc022><div class="face front" data-v-111bc022><div class="face-content" data-v-111bc022><span class="iconify i-heroicons:code-bracket face-icon" aria-hidden="true" style="" data-v-111bc022></span></div></div><div class="face left" data-v-111bc022><div class="face-content" data-v-111bc022><span class="iconify i-heroicons:command-line face-icon" aria-hidden="true" style="" data-v-111bc022></span></div></div><div class="face back" data-v-111bc022><div class="face-content" data-v-111bc022><span class="iconify i-heroicons:cpu-chip face-icon" aria-hidden="true" style="" data-v-111bc022></span></div></div><div class="face right" data-v-111bc022><div class="face-content" data-v-111bc022><span class="iconify i-heroicons:beaker face-icon" aria-hidden="true" style="" data-v-111bc022></span></div></div><div class="face top" data-v-111bc022><div class="face-content" data-v-111bc022><span class="iconify i-heroicons:server-stack face-icon" aria-hidden="true" style="" data-v-111bc022></span></div></div><div class="face bottom" data-v-111bc022><div class="face-content" data-v-111bc022><span class="iconify i-heroicons:trophy face-icon" aria-hidden="true" style="" data-v-111bc022></span></div></div></div></div><h1 class="text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-bold text-black dark:text-white pointer-events-auto" data-v-8213510d> Nicolas <span class="text-primary" data-v-8213510d>Bonnici</span></h1><div class="flex items-center gap-3 text-lg sm:text-xl md:text-2xl text-primary font-semibold pointer-events-auto" data-v-8213510d><span class="iconify i-heroicons:briefcase w-6 h-6 sm:w-7 sm:h-7 md:w-8 md:h-8" aria-hidden="true" style="" data-v-8213510d></span><span data-v-8213510d>Tech lead manager</span></div><div class="flex items-center gap-3 text-base sm:text-lg md:text-xl text-black dark:text-white pointer-events-auto" data-v-8213510d><span class="iconify i-heroicons:map-pin w-5 h-5 sm:w-6 sm:h-6 md:w-7 md:h-7" aria-hidden="true" style="" data-v-8213510d></span><span data-v-8213510d>Paris, France</span></div></div><div data-slot="root" class="rounded-lg ring ring-default divide-y divide-default bio-card bg-black-900/50 backdrop-blur-lg border-primary border-t-1 border-r-1 border-b-1 border-l-8 shadow-2xl relative overflow-visible z-10" data-v-8213510d><!----><div data-slot="body" class="p-4 sm:p-6"><!--[--><p class="text-base sm:text-lg md:text-xl lg:text-2xl text-black dark:text-white leading-relaxed" data-v-8213510d>Je travaille depuis plus de 15 ans dans le secteur de la tech, j&#39;accompagne actuellement les équipes chez Nanotera en tant que Tech lead manager.</p><p class="flex justify-end" data-v-8213510d><a href="https://nanotera.eu/" rel="noopener noreferrer" target="_blank" data-v-8213510d data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-3 py-2 text-sm gap-2 bg-primary active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary text-white hover:bg-green-500/10"><!--[--><!--[--><!----><!--]--><!--[--><span class="font-bold" data-v-8213510d>Nanotera</span><!--]--><!--[--><!----><!--]--><!--]--></a></p><!--]--></div><!----></div></div></section><section class="py-15" data-v-ef766064><div class="flex flex-wrap justify-center items-center gap-4"><!--[--><a href="https://twitter.com/nicolasbonnici" rel="noopener noreferrer" target="_blank" aria-label="Twitter" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 text-sm gap-1.5 p-1.5 group hover:scale-200 transition-transform duration-200"><!--[--><!--[--><svg class="w-24 h-24 text-white transition-colors duration-1000" style="transition:color 1s;" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><title>Twitter</title><path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"></path></svg><!--]--><!--[--><!----><!--]--><!--[--><!----><!--]--><!--]--></a><a href="https://www.reddit.com/user/nicolasbonnici" rel="noopener noreferrer" target="_blank" aria-label="Reddit" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 text-sm gap-1.5 p-1.5 group hover:scale-200 transition-transform duration-200"><!--[--><!--[--><svg class="w-24 h-24 text-white transition-colors duration-1000" style="transition:color 1s;" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><title>Reddit</title><path d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z"></path></svg><!--]--><!--[--><!----><!--]--><!--[--><!----><!--]--><!--]--></a><a href="https://fr.linkedin.com/in/nicolasbonnici" rel="noopener noreferrer" target="_blank" aria-label="Linkedin" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 text-sm gap-1.5 p-1.5 group hover:scale-200 transition-transform duration-200"><!--[--><!--[--><svg class="w-24 h-24 text-white transition-colors duration-1000" style="transition:color 1s;" role="img" viewBox="0 0 438.536 438.536" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><title>Linkedin</title><path d="M414.41,24.123C398.333,8.042,378.963,0,356.315,0H82.228C59.58,0,40.21,8.042,24.126,24.123C8.045,40.207,0.003,59.576,0.003,82.225v274.084c0,22.647,8.042,42.018,24.123,58.102c16.084,16.084,35.454,24.126,58.102,24.126h274.084c22.648,0,42.018-8.042,58.095-24.126c16.084-16.084,24.126-35.454,24.126-58.102V82.225C438.532,59.576,430.49,40.204,414.41,24.123z M133.618,367.157H67.666V169.016h65.952V367.157z M127.626,132.332c-6.851,6.567-15.893,9.851-27.124,9.851h-0.288c-10.848,0-19.648-3.284-26.407-9.851c-6.76-6.567-10.138-14.703-10.138-24.41c0-9.897,3.476-18.083,10.421-24.556c6.95-6.471,15.942-9.708,26.98-9.708c11.039,0,19.89,3.237,26.553,9.708c6.661,6.473,10.088,14.659,10.277,24.556C137.899,117.625,134.477,125.761,127.626,132.332z M370.873,367.157h-65.952v-105.92c0-29.879-11.036-44.823-33.116-44.823c-8.374,0-15.42,2.331-21.128,6.995c-5.715,4.661-9.996,10.324-12.847,16.991c-1.335,3.422-1.999,8.75-1.999,15.981v110.775h-65.952c0.571-119.529,0.571-185.579,0-198.142h65.952v27.974c13.867-21.681,33.558-32.544,59.101-32.544c22.84,0,41.21,7.52,55.104,22.554c13.895,15.037,20.841,37.214,20.841,66.519v113.64H370.873z"></path></svg><!--]--><!--[--><!----><!--]--><!--[--><!----><!--]--><!--]--></a><a href="https://github.com/nicolasbonnici" rel="noopener noreferrer" target="_blank" aria-label="Github" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 text-sm gap-1.5 p-1.5 group hover:scale-200 transition-transform duration-200"><!--[--><!--[--><svg class="w-24 h-24 text-white transition-colors duration-1000" style="transition:color 1s;" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><title>Github</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg><!--]--><!--[--><!----><!--]--><!--[--><!----><!--]--><!--]--></a><a href="https://gitlab.com/nicolasbonnici" rel="noopener noreferrer" target="_blank" aria-label="Gitlab" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 text-sm gap-1.5 p-1.5 group hover:scale-200 transition-transform duration-200"><!--[--><!--[--><svg class="w-24 h-24 text-white transition-colors duration-1000" style="transition:color 1s;" role="img" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><title>Gitlab</title><path d="M 38.011719 4 C 37.574219 3.996094 37.183594 4.273438 37.046875 4.691406 L 32.074219 20 L 17.925781 20 L 12.953125 4.691406 C 12.820313 4.289063 12.449219 4.011719 12.023438 4 C 11.597656 3.992188 11.214844 4.25 11.0625 4.648438 L 5.070313 20.640625 C 5.066406 20.640625 5.066406 20.644531 5.0625 20.648438 L 2.0625 28.648438 C 1.90625 29.070313 2.046875 29.542969 2.414063 29.808594 L 24.40625 45.800781 L 24.410156 45.808594 C 24.414063 45.808594 24.414063 45.808594 24.414063 45.8125 C 24.425781 45.820313 24.441406 45.828125 24.453125 45.835938 C 24.46875 45.84375 24.480469 45.855469 24.496094 45.863281 C 24.5 45.863281 24.5 45.867188 24.503906 45.867188 C 24.503906 45.867188 24.507813 45.871094 24.511719 45.871094 C 24.515625 45.875 24.519531 45.878906 24.527344 45.878906 C 24.53125 45.882813 24.539063 45.886719 24.542969 45.890625 C 24.5625 45.898438 24.585938 45.910156 24.609375 45.917969 C 24.609375 45.917969 24.609375 45.917969 24.609375 45.921875 C 24.632813 45.929688 24.65625 45.9375 24.675781 45.945313 C 24.679688 45.945313 24.679688 45.945313 24.683594 45.949219 C 24.699219 45.953125 24.714844 45.957031 24.734375 45.964844 C 24.742188 45.964844 24.75 45.96875 24.761719 45.96875 C 24.761719 45.972656 24.761719 45.972656 24.761719 45.96875 C 24.78125 45.976563 24.800781 45.980469 24.820313 45.984375 C 24.847656 45.988281 24.871094 45.992188 24.898438 45.996094 C 24.9375 45.996094 24.980469 46 25.019531 46 C 25.058594 45.996094 25.09375 45.996094 25.128906 45.988281 C 25.144531 45.988281 25.15625 45.988281 25.171875 45.984375 C 25.171875 45.984375 25.175781 45.984375 25.179688 45.984375 C 25.1875 45.980469 25.191406 45.980469 25.199219 45.980469 C 25.203125 45.980469 25.207031 45.976563 25.214844 45.976563 C 25.222656 45.972656 25.234375 45.972656 25.242188 45.96875 C 25.257813 45.964844 25.269531 45.960938 25.28125 45.957031 C 25.289063 45.957031 25.292969 45.957031 25.296875 45.953125 C 25.300781 45.953125 25.304688 45.953125 25.308594 45.953125 C 25.324219 45.945313 25.34375 45.9375 25.359375 45.933594 C 25.378906 45.925781 25.394531 45.917969 25.410156 45.910156 C 25.414063 45.910156 25.414063 45.910156 25.417969 45.90625 C 25.421875 45.90625 25.425781 45.90625 25.429688 45.902344 C 25.4375 45.898438 25.445313 45.894531 25.453125 45.890625 C 25.476563 45.878906 25.496094 45.867188 25.515625 45.855469 C 25.523438 45.851563 25.527344 45.847656 25.53125 45.84375 C 25.535156 45.84375 25.539063 45.839844 25.542969 45.839844 C 25.558594 45.828125 25.574219 45.820313 25.589844 45.808594 L 25.597656 45.796875 L 47.589844 29.808594 C 47.953125 29.542969 48.09375 29.070313 47.9375 28.648438 L 44.945313 20.675781 C 44.941406 20.667969 44.9375 20.65625 44.9375 20.648438 L 38.9375 4.648438 C 38.789063 4.261719 38.425781 4.003906 38.011719 4 Z M 11.933594 8.027344 L 15.824219 20 L 7.445313 20 Z M 38.066406 8.027344 L 42.558594 20 L 34.175781 20 Z M 8.066406 22 L 16.472656 22 L 22.328125 40.015625 Z M 18.578125 22 L 31.421875 22 L 25 41.765625 Z M 33.527344 22 L 41.933594 22 L 27.671875 40.015625 Z M 6.3125 23.007813 L 19.6875 39.902344 L 4.203125 28.640625 Z M 43.6875 23.007813 L 45.796875 28.640625 L 30.3125 39.902344 Z"></path></svg><!--]--><!--[--><!----><!--]--><!--[--><!----><!--]--><!--]--></a><!--]--></div></section><section class="py-20 px-4" data-v-ef766064><h2 class="text-3xl sm:text-4xl md:text-5xl font-bold mb-12" style="color:oklch(0.792 0.209 151.711);">Expérience</h2><div data-orientation="vertical" data-slot="root" class="flex gap-1.5 flex-col"><!--[--><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:briefcase shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->Mai 2026<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">Tech lead manager chez Nanotera</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">J&#39;accompagne les équipes en tant que Tech lead manager</p><div class="mt-6 space-y-3"><div class="flex items-center gap-2 mb-3"><span class="iconify i-heroicons:cpu-chip w-4 h-4 sm:w-5 sm:h-5 text-primary-500" aria-hidden="true" style=""></span><h4 class="text-base sm:text-lg font-semibold text-primary-400">Stack</h4></div><div class="flex flex-wrap gap-2"><!--[--><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">PostgreSQL</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">MongoDB</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">OpenSearch</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Redis</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">RabbitMQ</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:window w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">NestJS</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:window w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">React</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">TypeScript</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:cpu-chip w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">node.js</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:cpu-chip w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Symfony</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:cpu-chip w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">API Platform</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">php</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:command-line w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Supervisor</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">phpUnit</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">phpcs</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">phpstan</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Bash</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Kubernetes</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Docker</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Kibana</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:command-line w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Logstash</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:command-line w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Sentry</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:command-line w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Sonarcloud</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">GNU/Linux</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">AWS</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:cpu-chip w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Playwright</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:cpu-chip w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Jest</span><!--]--><!--[--><!----><!--]--></span><!--]--></div></div><div class="flex justify-end pr-5"><a href="https://nanotera.eu/" rel="noopener noreferrer" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Plus d&#39;infos</span><!--]--><!--[--><!----><!--]--><!--]--></a></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:cpu-chip shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->2 Oct 2025<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">GoREST</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">Une librairie open source écrite en Go permettant de créer facielement des API performantes, sécurisés et fléxible.</p><div class="mt-6 space-y-3"><div class="flex items-center gap-2 mb-3"><span class="iconify i-heroicons:cpu-chip w-4 h-4 sm:w-5 sm:h-5 text-primary-500" aria-hidden="true" style=""></span><h4 class="text-base sm:text-lg font-semibold text-primary-400">Stack</h4></div><div class="flex flex-wrap gap-2"><!--[--><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:command-line w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Go</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:command-line w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Fiber</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:command-line w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">SQL</span><!--]--><!--[--><!----><!--]--></span><!--]--></div></div><div class="flex justify-end pr-5"><a href="https://github.com/nicolasbonnici/gorest" rel="noopener noreferrer" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Plus d&#39;infos</span><!--]--><!--[--><!----><!--]--><!--]--></a></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:cpu-chip shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->Dec 2024<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">Symfony 7 and Frankenphp boilerplate</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">Symfony 7 boilerplate avec Docker, Frankenphp, php 8.4 and Postgresql</p><div class="mt-6 space-y-3"><div class="flex items-center gap-2 mb-3"><span class="iconify i-heroicons:cpu-chip w-4 h-4 sm:w-5 sm:h-5 text-primary-500" aria-hidden="true" style=""></span><h4 class="text-base sm:text-lg font-semibold text-primary-400">Stack</h4></div><div class="flex flex-wrap gap-2"><!--[--><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">php 8</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:cpu-chip w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Symfony</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Frankenphp</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">PostgreSQL</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Docker</span><!--]--><!--[--><!----><!--]--></span><!--]--></div></div><div class="flex justify-end pr-5"><a href="https://dev.to/nicolasbonnici/build-a-symfony-7-boilerplate-using-frankenphp-docker-postgresql-and-php-84-4ej3" rel="noopener noreferrer" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Plus d&#39;infos</span><!--]--><!--[--><!----><!--]--><!--]--></a></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:briefcase shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->Dec 2022 à Mai 2026<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">Lead developer chez Nanotera</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">J&#39;accompagne la team Rocket en tant que lead developer</p><div class="mt-6 space-y-3"><div class="flex items-center gap-2 mb-3"><span class="iconify i-heroicons:cpu-chip w-4 h-4 sm:w-5 sm:h-5 text-primary-500" aria-hidden="true" style=""></span><h4 class="text-base sm:text-lg font-semibold text-primary-400">Stack</h4></div><div class="flex flex-wrap gap-2"><!--[--><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">PostgreSQL</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">MongoDB</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">OpenSearch</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Redis</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">RabbitMQ</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:window w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">NestJS</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:window w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">React</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">TypeScript</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:cpu-chip w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">node.js</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:cpu-chip w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Symfony</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:cpu-chip w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">API Platform</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">php</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:command-line w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Supervisor</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">phpUnit</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">phpcs</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">phpstan</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Bash</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Kubernetes</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Docker</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Kibana</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:command-line w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Logstash</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:command-line w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Sentry</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:command-line w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Sonarcloud</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">GNU/Linux</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">AWS</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:cpu-chip w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Playwright</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:cpu-chip w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Jest</span><!--]--><!--[--><!----><!--]--></span><!--]--></div></div><div class="flex justify-end pr-5"><a href="https://nanotera.eu/" rel="noopener noreferrer" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Plus d&#39;infos</span><!--]--><!--[--><!----><!--]--><!--]--></a></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:cpu-chip shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->29 mars 2022<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">Client PHP pour l&#39;API Kraken</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">Kraken API client écrit en PHP 8 pour la partie REST et Ratchet websocket client pour le temps réel.</p><div class="mt-6 space-y-3"><div class="flex items-center gap-2 mb-3"><span class="iconify i-heroicons:cpu-chip w-4 h-4 sm:w-5 sm:h-5 text-primary-500" aria-hidden="true" style=""></span><h4 class="text-base sm:text-lg font-semibold text-primary-400">Stack</h4></div><div class="flex flex-wrap gap-2"><!--[--><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">php</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Ratchet</span><!--]--><!--[--><!----><!--]--></span><!--]--></div></div><div class="flex justify-end pr-5"><a href="https://gitlab.com/nicolasbonnici/php-kraken-api-client" rel="noopener noreferrer" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Plus d&#39;infos</span><!--]--><!--[--><!----><!--]--><!--]--></a></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:briefcase shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->Nov 2021<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">Intervernant à l&#39;institut de l&#39;internet et du multimédia (IIM)</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">Un module de 14 heures réparti sur deux jours sur le thème de la culture DevOps et Docker au pôle Léonard De Vinci à la Défense.</p><!----><div class="flex justify-end pr-5"><a href="https://www.iim.fr/" rel="noopener noreferrer" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Plus d&#39;infos</span><!--]--><!--[--><!----><!--]--><!--]--></a></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:cpu-chip shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->Feb 2021<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">Cryptobot</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">Un cadre de developement pour créer des robots de trading.</p><div class="mt-6 space-y-3"><div class="flex items-center gap-2 mb-3"><span class="iconify i-heroicons:cpu-chip w-4 h-4 sm:w-5 sm:h-5 text-primary-500" aria-hidden="true" style=""></span><h4 class="text-base sm:text-lg font-semibold text-primary-400">Stack</h4></div><div class="flex flex-wrap gap-2"><!--[--><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Python</span><!--]--><!--[--><!----><!--]--></span><!--]--></div></div><div class="flex justify-end pr-5"><a href="https://github.com/nicolasbonnici/cryptobot" rel="noopener noreferrer" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Plus d&#39;infos</span><!--]--><!--[--><!----><!--]--><!--]--></a></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:briefcase shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->Nov 2020 à Nov 2022<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">Développeur backend chez OLY Be</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">Développeur backend pour les applications OLY Be et ses portails web.</p><div class="mt-6 space-y-3"><div class="flex items-center gap-2 mb-3"><span class="iconify i-heroicons:cpu-chip w-4 h-4 sm:w-5 sm:h-5 text-primary-500" aria-hidden="true" style=""></span><h4 class="text-base sm:text-lg font-semibold text-primary-400">Stack</h4></div><div class="flex flex-wrap gap-2"><!--[--><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">php</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:cpu-chip w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Symfony</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:cpu-chip w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">API Platform</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">PostgreSQL</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:window w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">React</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:window w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">React Native</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:window w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Next</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Docker</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">TypeScript</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:cpu-chip w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Serverless</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:cpu-chip w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">node.js</span><!--]--><!--[--><!----><!--]--></span><!--]--></div></div><div class="flex justify-end pr-5"><a href="https://olybe.com" rel="noopener noreferrer" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Plus d&#39;infos</span><!--]--><!--[--><!----><!--]--><!--]--></a></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:briefcase shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->Mars 2020 à Octobre 2020<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">Responsable technique chez BigYouth</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">Responsable technique chez Big Youth, une agence web parisienne.</p><div class="mt-6 space-y-3"><div class="flex items-center gap-2 mb-3"><span class="iconify i-heroicons:cpu-chip w-4 h-4 sm:w-5 sm:h-5 text-primary-500" aria-hidden="true" style=""></span><h4 class="text-base sm:text-lg font-semibold text-primary-400">Stack</h4></div><div class="flex flex-wrap gap-2"><!--[--><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">php</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">javascript</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">MySQL</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Docker</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:cpu-chip w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Symfony</span><!--]--><!--[--><!----><!--]--></span><!--]--></div></div><div class="flex justify-end pr-5"><a href="https://bigyouth.fr" rel="noopener noreferrer" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Plus d&#39;infos</span><!--]--><!--[--><!----><!--]--><!--]--></a></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:cpu-chip shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->27 Juillet 2019<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">node-acl</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">Librairie node.js pour gérer les droits et les roles des utilisateurs.</p><div class="mt-6 space-y-3"><div class="flex items-center gap-2 mb-3"><span class="iconify i-heroicons:cpu-chip w-4 h-4 sm:w-5 sm:h-5 text-primary-500" aria-hidden="true" style=""></span><h4 class="text-base sm:text-lg font-semibold text-primary-400">Stack</h4></div><div class="flex flex-wrap gap-2"><!--[--><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">javascript</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:cpu-chip w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">node.js</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Mocha</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Chai</span><!--]--><!--[--><!----><!--]--></span><!--]--></div></div><div class="flex justify-end pr-5"><a href="https://gitlab.com/nicolasbonnici/node-acl" rel="noopener noreferrer" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Plus d&#39;infos</span><!--]--><!--[--><!----><!--]--><!--]--></a></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:briefcase shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->Février 2019 à Mars 2020<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">Responsable technique chez Headoo</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">Responsable du pole technique, Headoo est une marque du groupe Makheia.</p><div class="mt-6 space-y-3"><div class="flex items-center gap-2 mb-3"><span class="iconify i-heroicons:cpu-chip w-4 h-4 sm:w-5 sm:h-5 text-primary-500" aria-hidden="true" style=""></span><h4 class="text-base sm:text-lg font-semibold text-primary-400">Stack</h4></div><div class="flex flex-wrap gap-2"><!--[--><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">php</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:cpu-chip w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Symfony</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Docker</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:window w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">VueJS</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:cpu-chip w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">node.js</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">MySQL</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:command-line w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Elasctic Search</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Mongo</span><!--]--><!--[--><!----><!--]--></span><!--]--></div></div><div class="flex justify-end pr-5"><a href="https://colegram.io/" rel="noopener noreferrer" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Plus d&#39;infos</span><!--]--><!--[--><!----><!--]--><!--]--></a></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:cpu-chip shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->7 Janvier 2018<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">node-rest</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">Créer une REST API en node.js avec ExpressJS.</p><div class="mt-6 space-y-3"><div class="flex items-center gap-2 mb-3"><span class="iconify i-heroicons:cpu-chip w-4 h-4 sm:w-5 sm:h-5 text-primary-500" aria-hidden="true" style=""></span><h4 class="text-base sm:text-lg font-semibold text-primary-400">Stack</h4></div><div class="flex flex-wrap gap-2"><!--[--><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">javascript</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:cpu-chip w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">node.js</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Mongo</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Docker</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:command-line w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Docker compose</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Mocha</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Chai</span><!--]--><!--[--><!----><!--]--></span><!--]--></div></div><div class="flex justify-end pr-5"><a href="https://gitlab.com/nicolasbonnici/node-rest" rel="noopener noreferrer" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Plus d&#39;infos</span><!--]--><!--[--><!----><!--]--><!--]--></a></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:cpu-chip shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->4 septembre 2018<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">node-crud</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">Connect and scaffold a CRUD layer from any SQL or Mongo database</p><div class="mt-6 space-y-3"><div class="flex items-center gap-2 mb-3"><span class="iconify i-heroicons:cpu-chip w-4 h-4 sm:w-5 sm:h-5 text-primary-500" aria-hidden="true" style=""></span><h4 class="text-base sm:text-lg font-semibold text-primary-400">Stack</h4></div><div class="flex flex-wrap gap-2"><!--[--><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">javascript</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:cpu-chip w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">node.js</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Mongo</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Mocha</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Chai</span><!--]--><!--[--><!----><!--]--></span><!--]--></div></div><div class="flex justify-end pr-5"><a href="https://gitlab.com/nicolasbonnici/node-crud" rel="noopener noreferrer" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Plus d&#39;infos</span><!--]--><!--[--><!----><!--]--><!--]--></a></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:cpu-chip shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->7 Aout 2016<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">node-sentiment</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">Librairie d&#39;analyse des sentiments issue des textes et des emoticons basé sur la méthode AFINN.</p><div class="mt-6 space-y-3"><div class="flex items-center gap-2 mb-3"><span class="iconify i-heroicons:cpu-chip w-4 h-4 sm:w-5 sm:h-5 text-primary-500" aria-hidden="true" style=""></span><h4 class="text-base sm:text-lg font-semibold text-primary-400">Stack</h4></div><div class="flex flex-wrap gap-2"><!--[--><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">javascript</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:cpu-chip w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">node.js</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Mocha</span><!--]--><!--[--><!----><!--]--></span><!--]--></div></div><div class="flex justify-end pr-5"><a href="https://github.com/nicolasbonnici/node-sentiment" rel="noopener noreferrer" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Plus d&#39;infos</span><!--]--><!--[--><!----><!--]--><!--]--></a></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:briefcase shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->Mars 2016 à Février 2019<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">Développeur backend chez Headoo</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">Headoo is a Visual Marketing technology that helps brands create and maintain a personal connection with all of their customers. The Headoo solutions are the link between visual content generated by or for users (UGC, photographers, photo/video booth.. etc) and brand platforms (event microsites, social wall, e-commerce plugins, etc.).Headoo was created in 2011 and has offices in Paris, London, Rio, Montreal, Hong Kong, and Casablanca. The Headoo technology is being used by over 200 brands and agencies including : Mercedes, Nestlé, Coca-Cola, Guerlain and a lot more.</p><div class="mt-6 space-y-3"><div class="flex items-center gap-2 mb-3"><span class="iconify i-heroicons:cpu-chip w-4 h-4 sm:w-5 sm:h-5 text-primary-500" aria-hidden="true" style=""></span><h4 class="text-base sm:text-lg font-semibold text-primary-400">Stack</h4></div><div class="flex flex-wrap gap-2"><!--[--><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">php</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:cpu-chip w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Symfony</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:cpu-chip w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Meteor</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">MySQL</span><!--]--><!--[--><!----><!--]--></span><!--]--></div></div><div class="flex justify-end pr-5"><a href="https://colegram.io/" rel="noopener noreferrer" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Plus d&#39;infos</span><!--]--><!--[--><!----><!--]--><!--]--></a></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:briefcase shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->Novembre 2014 à Novembre 2015<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">Développeur backend chez Be2bill</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">Be2Bill est une filliale du groupe Dalensys. C&#39;est une plateforme de paiement pour les professionnels orientée conversion. D&#39;abord dans l&#39;équipe de maintenance évolutive de la plateforme, j&#39;ai rejoins l&#39;équipe projet afin d&#39;intégrer de nouveaux moyens de paiements alternatifs, de créer de nouveaux outils backoffice ainsi que pour la refonte du code existant. Cet établissement répond aux normes PCIDSS. Rédaction de documentation et participation à l&#39;élaboration des spécifications techniques des différents projets sous forme d&#39;ateliers techniques au sein d&#39;une équipe de 12 développeurs ainsi que de l&#39;équipe MOA.</p><div class="mt-6 space-y-3"><div class="flex items-center gap-2 mb-3"><span class="iconify i-heroicons:cpu-chip w-4 h-4 sm:w-5 sm:h-5 text-primary-500" aria-hidden="true" style=""></span><h4 class="text-base sm:text-lg font-semibold text-primary-400">Stack</h4></div><div class="flex flex-wrap gap-2"><!--[--><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">php</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">MySQL</span><!--]--><!--[--><!----><!--]--></span><!--]--></div></div><div class="flex justify-end pr-5"><a href="https://www.dalenys.com/" rel="noopener noreferrer" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Plus d&#39;infos</span><!--]--><!--[--><!----><!--]--><!--]--></a></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:cpu-chip shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->8 Juillet 2014<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">WebKernel</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">Framework full stack et ORM à la volée écrit avec PHP5</p><div class="mt-6 space-y-3"><div class="flex items-center gap-2 mb-3"><span class="iconify i-heroicons:cpu-chip w-4 h-4 sm:w-5 sm:h-5 text-primary-500" aria-hidden="true" style=""></span><h4 class="text-base sm:text-lg font-semibold text-primary-400">Stack</h4></div><div class="flex flex-wrap gap-2"><!--[--><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">php</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">MySQL</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Mongo</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:wrench-screwdriver w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Composer</span><!--]--><!--[--><!----><!--]--></span><!--]--></div></div><div class="flex justify-end pr-5"><a href="https://github.com/nicolasbonnici/webkernel" rel="noopener noreferrer" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Plus d&#39;infos</span><!--]--><!--[--><!----><!--]--><!--]--></a></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:briefcase shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->Avril 2014 à Novembre 2014<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">Développeur backend chez Solocal (Groupe Pages Jaunes)</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">Solocal Group est une filière du groupe Pages Jaunes. Sa principale activité consiste à mettre en relation des professionnels de tous horizons avec des particuliers. Le backend, développé en 2007, année de création de la filiale, ne correspond plus aux besoins actuels. Sa maintenance est devenue difficile et coûteuse. Le projet, entres autres, consistait à concevoir une API qui centralise les règles métier. Refonte du Framework maison en utilisant PHP 5.5 ainsi que le micro framework de Symfony2, Sylex. Conception et développement d&#39;une API pour gérer les notifications de type SMS ou Email selon le cahier des charges du client. Conception et développement d&#39;un minifieur d&#39;URL et d&#39;une solution CDN selon le cahier des charges du client. Rédaction des tests unitaires avec PHPUnit et le composant framework WebtestCase de Symfony2. Rédaction de documentations sur le wiki de la société et participation à l&#39;élaboration et la rédaction des spécifications techniques du projet au sein d&#39;une équipe de 15 personnes dont 8 développeurs.</p><div class="mt-6 space-y-3"><div class="flex items-center gap-2 mb-3"><span class="iconify i-heroicons:cpu-chip w-4 h-4 sm:w-5 sm:h-5 text-primary-500" aria-hidden="true" style=""></span><h4 class="text-base sm:text-lg font-semibold text-primary-400">Stack</h4></div><div class="flex flex-wrap gap-2"><!--[--><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">php</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">javascript</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:cpu-chip w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Symfony</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">MySQL</span><!--]--><!--[--><!----><!--]--></span><!--]--></div></div><div class="flex justify-end pr-5"><a href="https://www.solocal.com/" rel="noopener noreferrer" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Plus d&#39;infos</span><!--]--><!--[--><!----><!--]--><!--]--></a></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:briefcase shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->Avril 2013 à Avril 2014<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">Développeur backend chez Bazarchic</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">Bazarchic est une plateforme de ventes privées sur internet. Migration de PHP 5.1 vers PHP 5.4 avec une approche totalement orientée objet et répondant aux critères d&#39;une architecture MVC. Refonte du Framework maison en MVC PHP 5.4. Migration de MySQL vers la version 5.6. Mise à jour du modèle de donnée pour accueillir les données de traduction et d&#39;internationalisation des différentes entités. Développement d&#39;un système de dictionnaire pour prendre en charge les traductions des fiches techniques. Refonte des outils de production du backoffice ainsi que du système d&#39;ACL. Intégration de la nouvelle charte graphique. Rédaction de documentation et participation à l&#39;élaboration et la rédaction des spécifications techniques du projet (frontend et backend) au sein d&#39;une équipe de 12 personnes.</p><div class="mt-6 space-y-3"><div class="flex items-center gap-2 mb-3"><span class="iconify i-heroicons:cpu-chip w-4 h-4 sm:w-5 sm:h-5 text-primary-500" aria-hidden="true" style=""></span><h4 class="text-base sm:text-lg font-semibold text-primary-400">Stack</h4></div><div class="flex flex-wrap gap-2"><!--[--><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">php</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">javascript</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:window w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">jQuery</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">MySQL</span><!--]--><!--[--><!----><!--]--></span><!--]--></div></div><div class="flex justify-end pr-5"><a href="https://bazarchic.com/" rel="noopener noreferrer" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Plus d&#39;infos</span><!--]--><!--[--><!----><!--]--><!--]--></a></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:briefcase shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->Avril 2013 à Juillet 2015<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">Ingénieur étude et développement chez Uniware</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">Ingénieur étude et développement chez Uniware à Neuilly. Uniware est une société de conseil IT de nouvelle génération mise au service des stratégies de transformation des entreprises.</p><!----><div class="flex justify-end pr-5"><a href="https://uniware.fr/" rel="noopener noreferrer" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Plus d&#39;infos</span><!--]--><!--[--><!----><!--]--><!--]--></a></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:briefcase shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->Juillet 2012 à Mars 2013<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">Développeur chez Life&amp;Company (Megalo&amp;Company)</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">Life &amp; Company est une société spécialisé dans la technologie au service de la santé. La mission consistait à refondre l&#39;application Santematic en version 2, une application de coaching de patients suivants des traitements médicaux. Déploiement de l&#39;application pour le laboratoire Astrazeneca ainsi que pour la CPAM. Définition des différents WSDL pour interfacer le front et le back via un système de webservices (SOAP). Mise en place de tests unitaires automatisés via le framework PHPUnit. Evolution la partie front-office pour intégrer les nouvelles fonctionnalités. Refonte du système de logs. Intégration d&#39;outils de contrôle de la qualité du code (Sonar, W3C, JSLint et de la PSR0, 1 et 2). Réécriture des assets JS (jQuery), afin de faire ressortir une librairie de méthodes génériques. Rédaction de documentations et participation à la rédaction des spécifications techniques du projet (frontend et backend). Intégration de chartes graphiques en HTML5/CSS3</p><!----><div class="flex justify-end pr-5"><!----></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:academic-cap shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->Juin 2012<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">Formation Agile</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">Formation sur la méthodologie Agile chez Oxiane à Boulogne Billancourt en juin 2012.</p><!----><div class="flex justify-end pr-5"><a href="https://www.oxiane.com/" rel="noopener noreferrer" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Plus d&#39;infos</span><!--]--><!--[--><!----><!--]--><!--]--></a></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:academic-cap shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->Juin 2012<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">Formation Gestion de projet</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">Formation sur le thème du pilotage de projet chez Oxiane à Boulogne Billancourt en juin 2012.</p><!----><div class="flex justify-end pr-5"><a href="https://www.oxiane.com/" rel="noopener noreferrer" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Plus d&#39;infos</span><!--]--><!--[--><!----><!--]--><!--]--></a></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:briefcase shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->Mars 2012 à Janvier 2013<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">Oceane consulting</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">Ingénieur étude et développement chez Oceane Consulting.</p><!----><div class="flex justify-end pr-5"><a href="http://www.oceaneconsulting.com/" rel="noopener noreferrer" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Plus d&#39;infos</span><!--]--><!--[--><!----><!--]--><!--]--></a></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:briefcase shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->Décembre 2012<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">Aqua Beauté Lounge</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">Aqua Beauté Lounge est un institut de beauté situé à Lyon. Réalisation d&#39;un site pour présenter le salon ainsi que de son backoffice pour l&#39;administrer.</p><div class="mt-6 space-y-3"><div class="flex items-center gap-2 mb-3"><span class="iconify i-heroicons:cpu-chip w-4 h-4 sm:w-5 sm:h-5 text-primary-500" aria-hidden="true" style=""></span><h4 class="text-base sm:text-lg font-semibold text-primary-400">Stack</h4></div><div class="flex flex-wrap gap-2"><!--[--><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">php</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">javascript</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">MySQL</span><!--]--><!--[--><!----><!--]--></span><!--]--></div></div><div class="flex justify-end pr-5"><!----></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:briefcase shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->Septembre 2011<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">Lamain5</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">Lamain5 est une société qui manufacture et vend ses produits. Réalisation d&#39;un site vitrine pour présenter les produits de la marque ainsi que d&#39;une boutique en ligne afin d&#39;acheter les produits.</p><div class="mt-6 space-y-3"><div class="flex items-center gap-2 mb-3"><span class="iconify i-heroicons:cpu-chip w-4 h-4 sm:w-5 sm:h-5 text-primary-500" aria-hidden="true" style=""></span><h4 class="text-base sm:text-lg font-semibold text-primary-400">Stack</h4></div><div class="flex flex-wrap gap-2"><!--[--><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">php</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">javascript</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">MySQL</span><!--]--><!--[--><!----><!--]--></span><!--]--></div></div><div class="flex justify-end pr-5"><!----></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:briefcase shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->Juin 2011<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">L&#39;Assiette Au Boeuf</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">Réalisation du site de la franchise L&#39;Assiette Au Boeuf pour le group Tradiplus, ainsi que de son backend pour l&#39;administrer et héberger des outils collaboratifs pour les franchisés.</p><div class="mt-6 space-y-3"><div class="flex items-center gap-2 mb-3"><span class="iconify i-heroicons:cpu-chip w-4 h-4 sm:w-5 sm:h-5 text-primary-500" aria-hidden="true" style=""></span><h4 class="text-base sm:text-lg font-semibold text-primary-400">Stack</h4></div><div class="flex flex-wrap gap-2"><!--[--><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">php</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">javascript</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">MySQL</span><!--]--><!--[--><!----><!--]--></span><!--]--></div></div><div class="flex justify-end pr-5"><a href="http://web.archive.org/web/20120418024718/http://www.assietteauboeuf.fr/" rel="noopener noreferrer" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Plus d&#39;infos</span><!--]--><!--[--><!----><!--]--><!--]--></a></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:briefcase shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->Avril 2011<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">Next com</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">Réalisation du site de l&#39;enseigne L&#39;Assiette Au Boeuf ainsi que de son backend.</p><div class="mt-6 space-y-3"><div class="flex items-center gap-2 mb-3"><span class="iconify i-heroicons:cpu-chip w-4 h-4 sm:w-5 sm:h-5 text-primary-500" aria-hidden="true" style=""></span><h4 class="text-base sm:text-lg font-semibold text-primary-400">Stack</h4></div><div class="flex flex-wrap gap-2"><!--[--><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">php</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">javascript</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">MySQL</span><!--]--><!--[--><!----><!--]--></span><!--]--></div></div><div class="flex justify-end pr-5"><a href="http://www.next-com.fr/" rel="noopener noreferrer" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Plus d&#39;infos</span><!--]--><!--[--><!----><!--]--><!--]--></a></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:briefcase shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->Mars 2011<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">Les poneys d&#39;or</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">Les Poneys d&#39;Or est un centre équestre situé à Maffliers dans le Val d&#39;Oise. Réalisation d&#39;un site pour présenter le centre équestre ainsi que de son backoffice.</p><div class="mt-6 space-y-3"><div class="flex items-center gap-2 mb-3"><span class="iconify i-heroicons:cpu-chip w-4 h-4 sm:w-5 sm:h-5 text-primary-500" aria-hidden="true" style=""></span><h4 class="text-base sm:text-lg font-semibold text-primary-400">Stack</h4></div><div class="flex flex-wrap gap-2"><!--[--><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">php</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">javascript</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">MySQL</span><!--]--><!--[--><!----><!--]--></span><!--]--></div></div><div class="flex justify-end pr-5"><!----></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:briefcase shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->January 2011<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">masublimebox.com</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">masublimebox.com était une plateforme sur la thématique des produits esthétiques. Une formule d&#39;abonnement donnait accès à un coffret beauté mensuel. Téléchargez la revue de presse pour en savoir plus. Réalisation et maintenance de la plateforme ainsi que de son backoffice pour la gestion des abonnés aux coffrets et les autres outils de production. Mise en place de la passerelle de paiement.</p><div class="mt-6 space-y-3"><div class="flex items-center gap-2 mb-3"><span class="iconify i-heroicons:cpu-chip w-4 h-4 sm:w-5 sm:h-5 text-primary-500" aria-hidden="true" style=""></span><h4 class="text-base sm:text-lg font-semibold text-primary-400">Stack</h4></div><div class="flex flex-wrap gap-2"><!--[--><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:command-line w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Prestashop</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">php</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">javascript</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">MySQL</span><!--]--><!--[--><!----><!--]--></span><!--]--></div></div><div class="flex justify-end pr-5"><a href="http://web.archive.org/web/20130403041624/http://www.masublimebox.com/fr/" rel="noopener noreferrer" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Plus d&#39;infos</span><!--]--><!--[--><!----><!--]--><!--]--></a></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:briefcase shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->Octobre 2010<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">Visudom</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">La société Visudom situé à Buchelay est partenaire Securitas, elle propose des systèmes de sécurité et de domotique aux particuliers et professionnels. Réalisation du frontend et du backend afin de présenter leur catalogue en ligne.</p><div class="mt-6 space-y-3"><div class="flex items-center gap-2 mb-3"><span class="iconify i-heroicons:cpu-chip w-4 h-4 sm:w-5 sm:h-5 text-primary-500" aria-hidden="true" style=""></span><h4 class="text-base sm:text-lg font-semibold text-primary-400">Stack</h4></div><div class="flex flex-wrap gap-2"><!--[--><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">php</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">javascript</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">MySQL</span><!--]--><!--[--><!----><!--]--></span><!--]--></div></div><div class="flex justify-end pr-5"><a href="http://visudom.com/" rel="noopener noreferrer" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Plus d&#39;infos</span><!--]--><!--[--><!----><!--]--><!--]--></a></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:briefcase shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->De Octobre 2010 à Décembre 2014<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">Auto entreprise</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">Démarrage de mon activité d&#39;auto-entrepreneur au service des professionnels et de leurs projets informatiques. Réalisation de sites internet, boutiques en ligne et progiciels sur mesure.</p><!----><div class="flex justify-end pr-5"><!----></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:briefcase shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->Septembre 2009 à Septembre 2010<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">Responsable internet chez SARL De Lorraine</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">La SARL De Lorraine est une société dont la principale activité est la manufacture et la vente de prêt à porter. J&#39;ai eu pour tâche de réaliser la boutique en ligne starwearshop.com afin de dynamiser les ventes. Réalisation de modules sur mesure, pour automatiser la gestion des stocks via un système asynchrone et la solution de gestion de stock existante (Fastmag EDI). Élaboration d&#39;un système de ventes privées. Mise en place d&#39;un système de fidélisation commun avec les points de ventes physiques. Mise en place de la passerelle de paiement ATOS SIPS ainsi que Paypal. Maintenance évolutive des deux boutiques. Gestion et maintenance du parc de serveur dédié sous Linux. Intégration du design des deux boutiques en collaboration avec le responsable artistique.</p><div class="mt-6 space-y-3"><div class="flex items-center gap-2 mb-3"><span class="iconify i-heroicons:cpu-chip w-4 h-4 sm:w-5 sm:h-5 text-primary-500" aria-hidden="true" style=""></span><h4 class="text-base sm:text-lg font-semibold text-primary-400">Stack</h4></div><div class="flex flex-wrap gap-2"><!--[--><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:command-line w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Prestashop</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">php</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">javascript</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">MySQL</span><!--]--><!--[--><!----><!--]--></span><!--]--></div></div><div class="flex justify-end pr-5"><!----></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:briefcase shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><div data-orientation="vertical" aria-orientation="vertical" role="separator" data-slot="separator" class="flex-1 rounded-full w-0.5 group-data-[state=completed]:bg-primary bg-green-500"><!--[--><!--]--></div></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->Septembre 2007 à septembre 2009<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">Développeur chez Eurosvp</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">La société Eurosvp propose des solutions de gestion type GRC ainsi que des progiciels ou encore la création de sites internet et de boutiques en ligne. Cette société est partenaire de la solution GRC de Microsoft «Dynamics». Développement au forfait. Déploiement de solutions de gestion de la relation client (GRC). Maintenance de progiciel (solution des gestion d&#39;hotel). Création et maintenance de sites internet. Développement et maintenance évolutive de boutiques en ligne. Gestion et maintenance d&#39;un parc de serveur dédié sous Linux et Windows Server.</p><div class="mt-6 space-y-3"><div class="flex items-center gap-2 mb-3"><span class="iconify i-heroicons:cpu-chip w-4 h-4 sm:w-5 sm:h-5 text-primary-500" aria-hidden="true" style=""></span><h4 class="text-base sm:text-lg font-semibold text-primary-400">Stack</h4></div><div class="flex flex-wrap gap-2"><!--[--><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:command-line w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Microsoft Dynamics</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:command-line w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">SugarCRM</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">php</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">javascript</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:circle-stack w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">MySQL</span><!--]--><!--[--><!----><!--]--></span><!--]--></div></div><div class="flex justify-end pr-5"><!----></div></div><!--]--></div><!--]--></div></div><div data-slot="item" class="group relative flex flex-1 gap-3"><div data-slot="container" class="relative flex items-center gap-1.5 flex-col"><span data-slot="root" class="inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle size-12 text-2xl group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary bg-black-500 text-green-500" style=""><span class="iconify i-heroicons:academic-cap shrink-0 text-inherit" aria-hidden="true" style="" data-slot="icon"></span></span><!----></div><div data-slot="wrapper" class="w-full mt-3.5 pb-8.5"><!--[--><div data-slot="date" class="text-dimmed text-xs/5"><!--[-->Septembre 2007 à septembre 2009<!--]--></div><div data-slot="title" class="font-medium text-highlighted text-sm"><!--[--><div class="flex items-start justify-between"><div class="flex-1"><h3 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-primary mb-3">BTS Informatique de Gestion</h3></div></div><!--]--></div><div data-slot="description" class="text-muted text-wrap text-sm"><!--[--><div class="space-y-4"><p class="text-sm sm:text-base md:text-lg leading-relaxed text-white">BTS Informatique de gestion option développeur d&#39;application à l&#39;établissement Aforp d&#39;Issy-les-Moulineaux.</p><div class="mt-6 space-y-3"><div class="flex items-center gap-2 mb-3"><span class="iconify i-heroicons:cpu-chip w-4 h-4 sm:w-5 sm:h-5 text-primary-500" aria-hidden="true" style=""></span><h4 class="text-base sm:text-lg font-semibold text-primary-400">Stack</h4></div><div class="flex flex-wrap gap-2"><!--[--><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:command-line w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Windows server</span><!--]--><!--[--><!----><!--]--></span><span data-slot="base" class="inline-flex items-center px-1.5 py-1 gap-1 rounded-sm bg-primary/10 text-primary ring ring-inset ring-primary/25 font-medium text-xs sm:text-sm"><!--[--><span class="iconify i-heroicons:code-bracket w-4 h-4" aria-hidden="true" style=""></span><!--]--><!--[--><span data-slot="label" class="truncate">Pascal</span><!--]--><!--[--><!----><!--]--></span><!--]--></div></div><div class="flex justify-end pr-5"><!----></div></div><!--]--></div><!--]--></div></div><!--]--></div></section></div><!--]--></main><footer class="border-t border-green-800/50 mt-20"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"><div class="text-center space-y-4 text-white"><p> ©2026 nbonnici.info </p><div class="flex justify-center items-center gap-2 text-sm"><span>Propulsé par</span><a href="https://vuejs.org/" rel="noopener noreferrer" target="_blank" class="focus-visible:outline-primary hover:text-default transition-colors text-primary-500 font-semibold"><!--[--><!--[--> Nuxt <!--]--><!--]--></a><span>/</span><a href="https://github.com/nicolasbonnici/gorest/" rel="noopener noreferrer" target="_blank" class="focus-visible:outline-primary hover:text-default transition-colors text-primary-500 font-semibold"><!--[--><!--[--> GoREST <!--]--><!--]--></a><span>en utilisant <a href="https://www.typescriptlang.org/" rel="noopener noreferrer" target="_blank" class="focus-visible:outline-primary hover:text-default transition-colors text-primary-500"><!--[--><!--[-->TypeScript<!--]--><!--]--></a> &amp; <a href="https://go.dev/" rel="noopener noreferrer" target="_blank" class="focus-visible:outline-primary hover:text-default transition-colors text-primary-500"><!--[--><!--[-->Go<!--]--><!--]--></a></span></div></div></div></footer></div><!--]--><!--]--><!--[--><!--]--><!--v-if--><!--]--><!--[--><!--]--><!--]--><!--]--></div><div id="teleports"></div><script>window.__NUXT__={};window.__NUXT__.config={public:{apiBase:"https://nbonnici.info/api",gtag:{enabled:true,initMode:"auto",id:"G-XHM6DNSGJ4",initCommands:[],config:{},tags:[],loadingStrategy:"defer",url:"https://www.googletagmanager.com/gtag/js"},i18n:{baseUrl:"",defaultLocale:"fr",rootRedirect:"",redirectStatusCode:302,skipSettingLocaleOnNavigate:false,locales:[{code:"en",name:"English",language:""},{code:"fr",name:"Français",language:""},{code:"es",name:"Español",language:""},{code:"de",name:"Deutsch",language:""},{code:"it",name:"Italiano",language:""},{code:"pt",name:"Português",language:""},{code:"ru",name:"Русский",language:""},{code:"ja",name:"日本語",language:""},{code:"zh",name:"中文",language:""},{code:"ar",name:"العربية",language:""},{code:"tw",name:"繁體中文",language:""}],detectBrowserLanguage:{alwaysRedirect:false,cookieCrossOrigin:false,cookieDomain:"",cookieKey:"i18n_redirected",cookieSecure:false,fallbackLocale:"fr",redirectOn:"root",useCookie:true},experimental:{localeDetector:"",typedPages:true,typedOptionsAndMessages:false,alternateLinkCanonicalQueries:true,devCache:false,cacheLifetime:"",stripMessagesPayload:false,preload:false,strictSeo:false,nitroContextDetection:true,httpCacheDuration:10,compactRoutes:false,prerenderMessages:false},domainLocales:{en:{domain:""},fr:{domain:""},es:{domain:""},de:{domain:""},it:{domain:""},pt:{domain:""},ru:{domain:""},ja:{domain:""},zh:{domain:""},ar:{domain:""},tw:{domain:""}}}},app:{baseURL:"/",buildId:"a04a9765-634a-4d7f-bf02-85e592284809",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__" data-src="/_payload.json?a04a9765-634a-4d7f-bf02-85e592284809">[{"state":1,"once":32,"_errors":33,"serverRendered":5,"path":35,"prerenderedAt":36},["Reactive",2],{"$scolor-mode":3,"$si18n:cached-locale-configs":7,"$si18n:resolved-locale":30,"$stoasts":31},{"preference":4,"value":4,"unknown":5,"forced":6},"dark",true,false,{"en":8,"fr":10,"es":12,"de":14,"it":16,"pt":18,"ru":20,"ja":22,"zh":24,"ar":26,"tw":28},{"fallbacks":9,"cacheable":5},[],{"fallbacks":11,"cacheable":5},[],{"fallbacks":13,"cacheable":5},[],{"fallbacks":15,"cacheable":5},[],{"fallbacks":17,"cacheable":5},[],{"fallbacks":19,"cacheable":5},[],{"fallbacks":21,"cacheable":5},[],{"fallbacks":23,"cacheable":5},[],{"fallbacks":25,"cacheable":5},[],{"fallbacks":27,"cacheable":5},[],{"fallbacks":29,"cacheable":5},[],"",[],["Set"],["ShallowReactive",34],{},"\u002F",1781121584183]</script></body></html>