Interactive Profile Card

React Component / Interactive UI Composant React / UI Interactive

React.js JavaScript (ES6+) CSS3 / IBM Plex Mono JSX

Modular React-based application displaying an interactive professional profile card, highlighting a customized biography and dynamic skill badge system enriched with proficiency levels and eco-reactive visual indicators.

Application modulaire basée sur React affichant une carte de profil professionnelle interactive. Elle met en valeur une biographie personnalisée et un système de badges de compétences dynamiques enrichis par des niveaux et des indicateurs visuels éco-réactifs.

Component Architecture: Rigorous breakdown into reusable sub-components (ImgDeAvatarFt, IntroductionFt, ListeDeCompétencesFt, CompétenceFt).

Dynamic Data Rendering: Use of object arrays to map and dynamically inject skills, theme colors, and conditional emojis reflecting levels (beginner, intermediate, advanced).

Typography & Custom Styling: Integration of the "IBM Plex Mono" Google Font, a flexible layout (flex-wrap), and a clean design focused on user experience.

Architecture Componentielle : Découpage rigoureux en sous-composants réutilisables (ImgDeAvatarFt, IntroductionFt, ListeDeCompétencesFt, CompétenceFt).

Rendu Dynamique de Données : Utilisation de tableaux d'objets pour mapper et injecter dynamiquement les compétences, les couleurs thématiques et un système d'émojis conditionnels selon le niveau (débutant, intermédiaire, avancé).

Typographie & Style Sur-Mesure : Intégration de la police Google Fonts "IBM Plex Mono", d'une mise en page flexible (flex-wrap) et d'un design épuré axé sur l'expérience utilisateur.