Portfolio de Projets Web

Bienvenue dans mon portfolio de projets web, où je mets en pratique mes compétences en développement front-end avec HTML, CSS et JavaScript. Ces projets évoluent constamment pour refléter ma progression technique et l'acquisition de nouvelles compétences.

Dernière mise à jour : 14 juin 2026

---

Compétences Globales

Voici une synthèse des compétences acquises et consolidées à travers mes projets, couvrant les bases, les concepts intermédiaires et les bonnes pratiques en développement web.

Catégorie	Compétences
Langages	HTML5, CSS3, JavaScript (ES6+)
Responsive Design	Media queries, Flexbox, Grid, Mobile-First, Unités relatives (rem, em, %)
Outils de développement	VS Code, GitHub
Collaboration	GitHub (pull requests, issues), méthodologie Agile/Scrum, documentation
Soft Skills	Résolution de problèmes, adaptabilité, curiosité, esprit d'équipe, communication
Bonus	Contributions open source, veille technologique

---

Classement par Difficulté

Mes projets sont organisés en trois niveaux de difficulté : Débutant, Intermédiaire et Avancé. Chaque niveau met en avant des compétences spécifiques tout en respectant les bonnes pratiques de développement.

---

Niveau Débutant

Calculatrice en Ligne

Une calculatrice en ligne simple et intuitive développée avec HTML, CSS et JavaScript. Ce projet permet d'effectuer des calculs basiques et avancés tout en offrant une interface responsive et accessible sur tous les types d'appareils.

Voir le code source (173 lignes)

Description

Ce projet est une calculatrice complète combinant HTML, CSS et JavaScript pour offrir une expérience de calcul simple et efficace. Elle prend en charge :

• Les opérations basiques : addition, soustraction, multiplication et division
• Les opérations avancées : racine carrée, puissance, inverse, modulo et changement de signe

Conçue pour être 100% responsive, elle s'adapte parfaitement aux écrans de toutes tailles (mobile, tablette, desktop). Son design épuré et ses boutons intuitifs la rendent accessible à tous les utilisateurs.

Fonctionnalités

Opérations basiques :

• Addition, soustraction, multiplication et division
• Gestion des nombres décimaux pour des calculs précis

Opérations avancées :

• Racine carrée (√x) : calcul de la racine carrée d'un nombre
• Puissance (x²) : calcul du carré d'un nombre
• Inverse (1/x) : calcul de l'inverse d'un nombre
• Modulo (%) : calcul du reste d'une division
• Changement de signe (+/-) : alterner entre positif et négatif

Expérience utilisateur :

• Affichage en temps réel des calculs
• Gestion des erreurs avec messages clairs (division par zéro, racine carrée d'un nombre négatif)
• Design responsive et accessible

Objectifs du projet

Ce projet a été réalisé dans un objectif pédagogique pour maîtriser les fondamentaux du développement web :

• HTML : structuration d'une page web avec une interface claire et fonctionnelle
• CSS : stylisation et adaptation responsive de l'interface
• JavaScript : développement de la logique interactive, implémentation de calculs dynamiques et gestion des événements

Ce projet m'a également permis de comprendre l'importance de :

• L'ergonomie : création d'une interface intuitive et facile à utiliser
• L'accessibilité : rendre l'outil utilisable par le plus grand nombre
• La maintenabilité : application des bonnes pratiques pour un code propre et évolutif

Apprentissages

• Maîtrise des langages web : approfondissement de HTML, CSS et JavaScript
• Logique de programmation : manipulation des expressions mathématiques, gestion des événements et modularisation du code
• Gestion des erreurs : affichage de messages clairs et utilisation de try/catch
• Design et accessibilité : création d'une interface intuitive adaptée aux différents supports

Compétences démontrées

• Développement front-end : maîtrise de HTML, CSS et JavaScript
• Création d'interfaces : design responsive, accessible et ergonomique
• Résolution de problèmes : gestion des erreurs, optimisation du code et bonnes pratiques
• Autonomie : recherche de solutions et apprentissage continu

---

Niveau Intermédiaire

(Section en cours de développement)

---

Niveau Avancé

(À venir)