Portfolio
Développeur
Fullstack
Mbougueng David
2025 / 2026
“First, solve the problem.
Then, write the code.” — John Johnson
À propos
Développeur full-stack junior en reconversion, je combine 3 ans d’expérience en marketing digital et une montée en compétence solide en développement web. J’ai travaillé sur des projets concrets de refonte de sites, d’optimisation de parcours utilisateurs et de performance digitale. Aujourd’hui, je développe des applications web, en mettant l’accent sur la logique, la qualité du code et l’expérience utilisateur.
Contactez-moiCompétences
Html
Css
Javascript
Sql
React
PhpProjets développement web
Project
01
Portfolio marketing
Résumé :
Dans un secteur compétitif comme le marketing digital, ce projet met en avant mes compétences en content, traffic management et Ux/ Ui design. On y retrouve des exemples de mes réalisations et l’impact de mon travail dans différentes entreprises.
Voir le projet
Project
01
Portfolio marketing
Aspects techniques:
résumé:
Projet réalisé en HTML5, CSS3 et JavaScript vanilla afin de consolider la compréhension de la logique applicative, de la manipulation du DOM et de la gestion d’interfaces dynamiques sans framework. Le JavaScript est principalement utilisé pour concevoir des sliders personnalisés, avec affichage simultané de plusieurs éléments à l’écran.
En détails:
Les sliders reposent sur une structure de données basée sur des tableaux, permettant une gestion fluide de l’ordre des slides. Les méthodes shift() et push() sont utilisées pour faire circuler dynamiquement les éléments. Après mise à jour de la logique applicative, le DOM est entièrement régénéré via : suppression des éléments existants (innerHTML = ""), réinjection des slides dans le bon ordre à l’aide de forEach() et appendChild().
Project
02
XO GAME
Aspects techniques :
Application développée majoritairement en JavaScript vanilla, avec une structure simple en HTML5 et une mise en forme en CSS3. Ce projet vise à renforcer la gestion des événements et les interactions utilisateurs.
Dans ce projet j'utilise: La gestion des clics utilisateurs via addEventListener. La manipulation dynamique du DOM pour afficher les symboles X et O. La vérification de l’état des cases avant interaction. La logique adverse repose sur une fonction dédiée (playO()) qui : sélectionne aléatoirement une case libre via Math.random(), vérifie la disponibilité des cases à l’aide de filter(), empêche toute écriture sur une case déjà occupée.
Voir le projet
Project
02
APP PRISE DE NOTES
Aspects techniques :
Application web inspirée des applications natives de prise de notes, développée en HTML5, CSS3 et JavaScript vanilla. Objectif : explorer les possibilités d’édition de contenu directement dans le navigateur et la manipulation avancée du DOM.
Ce projet est par: l'édition directe du contenu via contenteditable. L'ajout dynamique de composants (titres, paragraphes, spans, checkboxes) à l’aide d’event listeners. La modification du style et de la structure des notes en temps réel. La fonctionnalité la plus avancée repose sur la gestion de la sélection de texte grâce à : window.getSelection() selection.getRangeAt(0) et extractContents(). Cette approche permet de cibler, extraire et réinjecter précisément une portion de nœud sélectionnée, ouvrant la voie à des fonctionnalités avancées d’édition (mise en forme, annotations, structuration du contenu).
Voir le projet
Projets UX/UI
Application “Breakfirst” :
interface d’une application de réservation de petit-déjeuner d’entreprise, pensée pour un parcours fluide et rapide.
Voir Figma
Application “Uncle J” :
conception d’une application e-commerce dédiée à la vente de sneakers collectors, avec un focus sur le visuel produit et l’expérience d’achat mobile.
Voir Figma
Parcours client - “Axsol boutique”
Résultat : +10 % de ventes sur la boutique en ligne
Actions menées : Séparation des parcours Particuliers / Professionnels pour alléger le formulaire. Suppression de champs non essentiels (ex. téléphone fixe). Simplification du parcours pour atteindre plus rapidement la page de paiement.
Voir Figma
Contact
EnvoyerVous êtes intéressés par mon profil ? N’hésitez pas à me contacter.
