Add Font Awesome icons and refactor tech icon handling

- Added Font Awesome dependencies for enhanced icon support.
- Refactored tech icon components to utilize Font Awesome icons instead of custom SVGs.
- Updated skill data files to include icon properties for various technologies.
- Removed obsolete tech icon files to streamline the codebase.
This commit is contained in:
Julien Froidefond
2025-08-20 16:24:07 +02:00
parent e6d4bbe13d
commit f74d4d3e87
27 changed files with 793 additions and 539 deletions

View File

@@ -6,6 +6,7 @@
"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",
@@ -16,6 +17,7 @@
"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/",
@@ -26,6 +28,7 @@
"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/",
@@ -36,6 +39,7 @@
"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",
@@ -46,6 +50,7 @@
"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",
@@ -56,6 +61,7 @@
"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/",
@@ -66,105 +72,84 @@
"id": "vite",
"name": "Vite",
"description": "Outil de build rapide pour applications modernes",
"links": [
"https://vitejs.dev/",
"https://vitejs.dev/guide/"
]
"icon": "fas-bolt",
"links": ["https://vitejs.dev/", "https://vitejs.dev/guide/"]
},
{
"id": "svelte",
"name": "Svelte",
"description": "Framework de compilation pour interfaces utilisateur",
"links": [
"https://svelte.dev/",
"https://svelte.dev/docs"
]
"icon": "fas-code",
"links": ["https://svelte.dev/", "https://svelte.dev/docs"]
},
{
"id": "solidjs",
"name": "SolidJS",
"description": "Framework JavaScript réactif et performant",
"links": [
"https://www.solidjs.com/",
"https://www.solidjs.com/docs"
]
"icon": "fas-atom",
"links": ["https://www.solidjs.com/", "https://www.solidjs.com/docs"]
},
{
"id": "astro",
"name": "Astro",
"description": "Framework statique multi-framework",
"links": [
"https://astro.build/",
"https://docs.astro.build/"
]
"icon": "fas-rocket",
"links": ["https://astro.build/", "https://docs.astro.build/"]
},
{
"id": "remix",
"name": "Remix",
"description": "Framework full-stack centré sur les standards web",
"links": [
"https://remix.run/",
"https://remix.run/docs"
]
"icon": "fas-sync",
"links": ["https://remix.run/", "https://remix.run/docs"]
},
{
"id": "storybook",
"name": "Storybook",
"description": "Outil de développement pour composants UI",
"links": [
"https://storybook.js.org/",
"https://storybook.js.org/docs"
]
"icon": "fas-book",
"links": ["https://storybook.js.org/", "https://storybook.js.org/docs"]
},
{
"id": "cypress",
"name": "Cypress",
"description": "Framework de tests end-to-end",
"links": [
"https://www.cypress.io/",
"https://docs.cypress.io/"
]
"icon": "fas-bug",
"links": ["https://www.cypress.io/", "https://docs.cypress.io/"]
},
{
"id": "playwright",
"name": "Playwright",
"description": "Framework de tests pour applications web",
"links": [
"https://playwright.dev/",
"https://playwright.dev/docs/"
]
"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",
"links": [
"https://threejs.org/",
"https://threejs.org/docs/"
]
"icon": "fas-cube",
"links": ["https://threejs.org/", "https://threejs.org/docs/"]
},
{
"id": "d3",
"name": "D3.js",
"description": "Bibliothèque de visualisation de données",
"links": [
"https://d3js.org/",
"https://github.com/d3/d3/wiki"
]
"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",
"links": [
"https://greensock.com/gsap/",
"https://greensock.com/docs/"
]
"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/"
@@ -174,6 +159,7 @@
"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"