Bienvenue sur mon portfolio de développement web !
Cet espace a été conçu pour présenter une sélection de différents projets réalisés en développement web. Vous y découvrirez des réalisations élaborés avec méthode, sens du détail et souci de cohérence. Chaque conception témoigne de ma capacité à structurer, m’adapter et progresser, avec une approche appliquée et volontaire. Parce que toute création est une étape vers l’apprentissage, ce site reflète mon envie de comprendre, d’explorer et de faire les choses avec justesse et exigence.
Bonne visite !
Johanna
Langages & Frameworks
Sass
Bootstrap
Angular
JavaScript
CSS3
JQuery
MySql
Portfolio
Prototype site e-commerce
En savoir plus
Conception d’un prototype de site e-commerce de vêtements d’occasion réalisé à partir d'un storyboard avec une interface axés sur l’ergonomie et un parcours utilisateur de scénario d'achat avec élément cliquable, selon les bonnes pratiques UX/UI.
Gabarit Bootstrap/Sass
En savoir plus
Conception d’un gabarit de page responsive avec le framework Bootstrap et ses classes natives. Mise en page structurée à partir des composants Card, Navs et Media Object, adaptée aux formats grand écran, moyen et petit écran. Réalisation d’une seconde interface à partir de feuille de style CSS, convertie en fichiers Sass structurés, conformément aux bonnes pratiques de nommage, d’imbrication et de factorisation des préprocesseurs CSS.
Application de réservation de chambre d'hôtels
En savoir plus
Développement d’une application de réservation de chambre d'hôtel en PHP orienté objet, avec gestion des clients, hôtels, chambres et réservations. Conçue selon une architecture POO, l’application attribue automatiquement une chambre disponible via un formulaire simple, avec enregistrement des données en base.
Module interactif de musique
En savoir plus
Réalisation d’un module interactif en JavaScript avec requêtes Ajax pour afficher la correspondance entre une note de musique classique et sa notation américaine.
Le formulaire est chargé dynamiquement depuis un fichier PHP, les résultats s’affichent sans rechargement de la page, selon les bonnes pratiques du JavaScript asynchrone et unobtrusif.
Application d'annuaire scolaire
En savoir plus
Développement d’une application Angular connectée à l’API de l’Éducation nationale, permettant de localiser les établissements scolaires d’une ville sur une carte interactive avec Leaflet. Affichage des informations via des composants dynamiques, navigation avec routing, et formulaire de contact simulé avec validation.
Application de gestion de vols
En savoir plus
Développement d’une application web avec Symfony permettant d’afficher une liste de vols via un tableau dynamique. Création d’une base de données relationnelle avec entités liées, implémentation d’un système CRUD complet pour l’administration des vols, et génération automatique du numéro de vol. Mise en place d’un back-office sécurisé avec hiérarchie de rôles, permettant la création, l’édition et la suppression des vols ainsi que l’ajout de villes, avec affichage conditionnel des formulaires en fonction du rôle de l’utilisateur. Suppression automatique des villes intégrée à la logique de gestion des entités. Intégration de Bootstrap pour la mise en forme de l’interface.
Blog d'information
En savoir plus
Création d’un site WordPress de blog sur l’actualité des nouvelles technologies. Personnalisation du thème Astra, création de pages et d’articles, ajout d’une image mise en avant, intégration d’un menu, mise en place d’un formulaire de contact avec WPForms, et sauvegarde via All-in-One WP Migration. Paramétrage des rôles utilisateurs dans l’interface d’administration, installation et configuration d’une extension de sécurité : Solid Security, avec authentification à 2 facteurs.
Gabarit Bootstrap/Sass
En savoir plus
Conception d’un gabarit de page responsive avec le framework Bootstrap et ses classes natives. Mise en page structurée à partir des composants Card, Navs et Media Object, adaptée aux formats grand écran, moyen et petit écran. Réalisation d’une seconde interface à partir de feuille de style CSS, convertie en fichiers Sass structurés, conformément aux bonnes pratiques de nommage, d’imbrication et de factorisation des préprocesseurs CSS.
Module interactif de musique
En savoir plus
Réalisation d’un module interactif en JavaScript avec requêtes Ajax pour afficher la correspondance entre une note de musique classique et sa notation américaine.
Le formulaire est chargé dynamiquement depuis un fichier PHP, les résultats s’affichent sans rechargement de la page, selon les bonnes pratiques du JavaScript asynchrone et unobtrusif.
Application d'annuaire scolaire
En savoir plus
Développement d’une application Angular connectée à l’API de l’Éducation nationale, permettant de localiser les établissements scolaires d’une ville sur une carte interactive avec Leaflet. Affichage des informations via des composants dynamiques, navigation avec routing, et formulaire de contact simulé avec validation.
Application de réservation de chambre d'hôtels
En savoir plus
Développement d’une application de réservation de chambre d'hôtel en PHP orienté objet, avec gestion des clients, hôtels, chambres et réservations. Conçue selon une architecture POO, l’application attribue automatiquement une chambre disponible via un formulaire simple, avec enregistrement des données en base.
Application de gestion de vols
En savoir plus
Développement d’une application web avec Symfony permettant d’afficher une liste de vols via un tableau dynamique. Création d’une base de données relationnelle avec entités liées, implémentation d’un système CRUD complet pour l’administration des vols, et génération automatique du numéro de vol. Mise en place d’un back-office sécurisé avec hiérarchie de rôles, permettant la création, l’édition et la suppression des vols ainsi que l’ajout de villes, avec affichage conditionnel des formulaires en fonction du rôle de l’utilisateur. Suppression automatique des villes intégrée à la logique de gestion des entités. Intégration de Bootstrap pour la mise en forme de l’interface.
Prototype site e-commerce
En savoir plus
Conception d’un prototype de site e-commerce de vêtements d’occasion réalisé à partir d'un storyboard avec une interface axés sur l’ergonomie et un parcours utilisateur de scénario d'achat avec élément cliquable, selon les bonnes pratiques UX/UI.
Blog d'information
En savoir plus
Création d’un site WordPress de blog sur l’actualité des nouvelles technologies. Personnalisation du thème Astra, création de pages et d’articles, ajout d’une image mise en avant, intégration d’un menu, mise en place d’un formulaire de contact avec WPForms, et sauvegarde via All-in-One WP Migration. Paramétrage des rôles utilisateurs dans l’interface d’administration, installation et configuration d’une extension de sécurité : Solid Security, avec authentification à 2 facteurs.