peakskills/data/skills/frontend.json

{
  "category": "Frontend",
  "icon": "monitor",
  "skills": [
    {
      "id": "react",
      "name": "React",
      "description": "Bibliothèque JavaScript pour créer des interfaces utilisateur",
      "icon": "fab-react",
      "links": [
        "https://react.dev/",
        "https://react.dev/learn",
        "https://github.com/facebook/react"
      ]
    },
    {
      "id": "vue",
      "name": "Vue.js",
      "description": "Framework JavaScript progressif pour construire des interfaces utilisateur",
      "icon": "fab-vue",
      "links": [
        "https://vuejs.org/",
        "https://vuejs.org/guide/",
        "https://github.com/vuejs/core"
      ]
    },
    {
      "id": "typescript",
      "name": "TypeScript",
      "description": "Superset typé de JavaScript qui compile en JavaScript plain",
      "icon": "fab-js",
      "links": [
        "https://www.typescriptlang.org/",
        "https://www.typescriptlang.org/docs/",
        "https://github.com/microsoft/TypeScript"
      ]
    },
    {
      "id": "nextjs",
      "name": "Next.js",
      "description": "Framework React pour la production avec SSR, SSG et plus",
      "icon": "fab-react",
      "links": [
        "https://nextjs.org/",
        "https://nextjs.org/docs",
        "https://github.com/vercel/next.js"
      ]
    },
    {
      "id": "tailwindcss",
      "name": "Tailwind CSS",
      "description": "Framework CSS utility-first pour créer rapidement des designs personnalisés",
      "icon": "fas-palette",
      "links": [
        "https://tailwindcss.com/",
        "https://tailwindcss.com/docs",
        "https://github.com/tailwindlabs/tailwindcss"
      ]
    },
    {
      "id": "webpack",
      "name": "Webpack",
      "description": "Bundler de modules pour les applications JavaScript modernes",
      "icon": "fas-cube",
      "links": [
        "https://webpack.js.org/",
        "https://webpack.js.org/concepts/",
        "https://github.com/webpack/webpack"
      ]
    },
    {
      "id": "vite",
      "name": "Vite",
      "description": "Outil de build rapide pour applications modernes",
      "icon": "fas-bolt",
      "links": ["https://vitejs.dev/", "https://vitejs.dev/guide/"]
    },
    {
      "id": "svelte",
      "name": "Svelte",
      "description": "Framework de compilation pour interfaces utilisateur",
      "icon": "fas-code",
      "links": ["https://svelte.dev/", "https://svelte.dev/docs"]
    },
    {
      "id": "solidjs",
      "name": "SolidJS",
      "description": "Framework JavaScript réactif et performant",
      "icon": "fas-atom",
      "links": ["https://www.solidjs.com/", "https://www.solidjs.com/docs"]
    },
    {
      "id": "astro",
      "name": "Astro",
      "description": "Framework statique multi-framework",
      "icon": "fas-rocket",
      "links": ["https://astro.build/", "https://docs.astro.build/"]
    },
    {
      "id": "remix",
      "name": "Remix",
      "description": "Framework full-stack centré sur les standards web",
      "icon": "fas-sync",
      "links": ["https://remix.run/", "https://remix.run/docs"]
    },
    {
      "id": "storybook",
      "name": "Storybook",
      "description": "Outil de développement pour composants UI",
      "icon": "fas-book",
      "links": ["https://storybook.js.org/", "https://storybook.js.org/docs"]
    },
    {
      "id": "cypress",
      "name": "Cypress",
      "description": "Framework de tests end-to-end",
      "icon": "fas-bug",
      "links": ["https://www.cypress.io/", "https://docs.cypress.io/"]
    },
    {
      "id": "playwright",
      "name": "Playwright",
      "description": "Framework de tests pour applications web",
      "icon": "fas-flask",
      "links": ["https://playwright.dev/", "https://playwright.dev/docs/"]
    },
    {
      "id": "three-js",
      "name": "Three.js",
      "description": "Bibliothèque JavaScript pour 3D dans le navigateur",
      "icon": "fas-cube",
      "links": ["https://threejs.org/", "https://threejs.org/docs/"]
    },
    {
      "id": "d3",
      "name": "D3.js",
      "description": "Bibliothèque de visualisation de données",
      "icon": "fas-chart-line",
      "links": ["https://d3js.org/", "https://github.com/d3/d3/wiki"]
    },
    {
      "id": "gsap",
      "name": "GSAP",
      "description": "Bibliothèque d'animations web performantes",
      "icon": "fas-bolt",
      "links": ["https://greensock.com/gsap/", "https://greensock.com/docs/"]
    },
    {
      "id": "web-components",
      "name": "Web Components",
      "description": "Standards natifs pour composants réutilisables",
      "icon": "fas-puzzle",
      "links": [
        "https://developer.mozilla.org/en-US/docs/Web/Web_Components",
        "https://web.dev/web-components/"
      ]
    },
    {
      "id": "pwa",
      "name": "Progressive Web Apps",
      "description": "Applications web progressives",
      "icon": "fas-mobile",
      "links": [
        "https://web.dev/progressive-web-apps/",
        "https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps"
      ]
    },
    {
      "id": "reactjs",
      "name": "ReactJS",
      "description": "Bibliothèque JavaScript pour la construction d'interfaces utilisateur composables et réactives",
      "icon": "fab-react",
      "links": [
        "https://reactjs.org/",
        "https://reactjs.org/docs/getting-started.html"
      ]
    },
    {
      "id": "typescript",
      "name": "TypeScript",
      "description": "Sur-ensemble typé de JavaScript qui se compile en JavaScript pur",
      "icon": "fab-js",
      "links": [
        "https://www.typescriptlang.org/",
        "https://www.typescriptlang.org/docs/"
      ]
    },
    {
      "id": "html5-javascript-css",
      "name": "HTML5/JavaScript/CSS",
      "description": "Technologies web standard pour la création d'interfaces utilisateur interactives et responsives",
      "icon": "fab-html5",
      "links": [
        "https://developer.mozilla.org/fr/",
        "https://developer.mozilla.org/fr/docs/Web"
      ]
    }
  ]
}