Mes projets

FlavourFusion

J'ai réalisé un projet solo passionnant en utilisant Vue.js 3 et l'API Cocktail DB. L'objectif principal était de concevoir un site dédié aux cocktails, offrant aux utilisateurs la possibilité de rechercher des cocktails par leur nom, leur catégorie et leurs ingrédients. J'ai été en mesure de relever ce défi avec succès en seulement une semaine, bien avant la date limite de deux semaines.
L'intégration de l'API Cocktail DB a été un aspect essentiel du projet. Cela m'a permis de récupérer des données détaillées sur les cocktails, y compris leurs noms, catégories et ingrédients. J'ai utilisé les fonctionnalités de requête de l'API pour permettre aux utilisateurs de rechercher spécifiquement les cocktails qui correspondent à leurs préférences.
Dans l'ensemble, ce projet m'a permis d'améliorer mes compétences en développement web, en particulier avec Vue.js 3. J'ai acquis une expérience précieuse dans la manipulation des données provenant d'une API tierce et dans la création d'une interface utilisateur interactive.

HomeAway

J'ai participé à un projet passionnant en équipe de 3 personnes, où j'étais responsable du front-end. Le projet consistait à créer un site de réservation de logements de vacances en utilisant Altorouter, PHP, JS et Twig. Ce projet a été ma première expérience de développement orienté objet (POO), ce qui a ajouté une dimension intéressante à mon apprentissage.
Ce projet m'a permis de découvrir les avantages de la POO en termes de maintenabilité, de réutilisabilité et de flexibilité du code. J'ai acquis une expérience précieuse dans l'application des principes de la POO dans un projet réel, ce qui a renforcé mes compétences en développement web et élargi mes perspectives en matière de conception logicielle.
Pour commencer, j'ai utilisé Leaflet pour créer une carte interactive permettant aux utilisateurs de visualiser les emplacements des logements disponibles. J'ai ajouté des marqueurs sur la carte et des pop-ups affichant des informations clés sur chaque logement. Cela a permis aux utilisateurs de naviguer facilement et de trouver les logements qui les intéressaient.
Ensuite, j'ai mis en place un scroll horizontal pour afficher les différentes images de chaque logement. Lorsqu'une image était sélectionnée, j'ai veillé à ce qu'elle soit centrée sur l'écran, offrant ainsi une expérience visuelle agréable et intuitive pour les utilisateurs.
J'ai également été responsable de la mise en place d'un calendrier, permettant aux utilisateurs de sélectionner les dates de leur séjour. Cela a nécessité une manipulation des données et une validation appropriée pour garantir que les réservations étaient effectuées correctement.
En tant que membre de l'équipe, j'ai également apporté une contribution en back-end. J'ai utilisé l'API Google pour récupérer les coordonnées géographiques (longitude et latitude) lorsqu'un nouvel hébergement était enregistré. J'ai également travaillé sur la mise en place de filtres de recherche pour aider les utilisateurs à trouver les logements qui répondaient à leurs critères spécifiques. De plus, j'ai mis en place une page d'erreur 404 pour gérer les erreurs et offrir une expérience utilisateur cohérente.
Ce projet m'a permis de renforcer mes compétences en développement web, en particulier avec Altorouter, PHP, JS et Twig. J'ai pu explorer de nouvelles fonctionnalités et technologies, tout en travaillant en étroite collaboration avec mon équipe.

.

Kitsuthèque

J'ai eu l'opportunité de prendre la tête d'un projet de groupe dans ma formation, ce qui a été une expérience enrichissante. Notre objectif était de créer un site pour une bibliothèque, mais nous avons décidé de nous concentrer spécifiquement sur la création d'une mangathèque. Malheureusement, nous n'étions que deux membres au lieu de trois pour réaliser ce projet dans un délai de 4 semaines.
Le site a été développé en utilisant HTML, SCSS, JS, PHP et MySQL. En tant que leader du développement, j'ai assumé des responsabilités à la fois sur le front-end et le back-end. J'ai entièrement conçu le design du site, en m'assurant de créer une interface conviviale et attrayante pour les utilisateurs.
Du côté du front-end, j'ai développé toutes les fonctionnalités destinées aux utilisateurs, ainsi qu'une partie du côté administrateur. J'ai codé des éléments tels que la barre de recherche, qui permettait aux utilisateurs de rechercher des mangas spécifiques. J'ai également mis en place un système de filtrage du catalogue en utilisant fetch, ce qui permettait aux utilisateurs de trier les mangas par catégorie, genre, etc. De plus, j'ai intégré un slider et des fonctionnalités de swipe pour faciliter la navigation des utilisateurs sur le site.
En ce qui concerne le back-end, j'ai développé les fonctionnalités destinées aux utilisateurs, telles que la gestion des recherches et des filtres. J'ai veillé à ce que les résultats de recherche soient renvoyés rapidement et de manière efficace. J'ai également travaillé sur une partie du côté administrateur, en permettant la gestion des mangas, des utilisateurs et des données associées.
Malgré le défi d'être seulement deux membres pour réaliser ce projet dans le temps imparti, nous avons réussi à créer une mangathèque fonctionnelle et attrayante. Ce projet m'a permis d'acquérir une expérience précieuse dans la coordination d'une équipe de développement, ainsi que dans la conception et la mise en œuvre de fonctionnalités à la fois sur le front-end et le back-end.

Jadoo

Ce projet a été un défi passionnant où j'ai eu l'opportunité de partir d'une maquette et de coder le site en HTML, CSS et JS. En une semaine seulement, j'ai réussi à concrétiser cette vision et à donner vie à un site fonctionnel et esthétique.
L'ajout de JavaScript a permis de rendre le site interactif et dynamique. J'ai implémenté des fonctionnalités telles que des animations, des effets de survol et des formulaires interactifs pour améliorer l'expérience utilisateur. Ce projet en solo a été une occasion de mettre en pratique mes compétences en gestion du temps et en organisation. J'ai travaillé avec discipline pour respecter les délais et donner le meilleur de moi-même pour réaliser ce projet.

Caeli

mon premier projet réalisé pour un client en dehors du cadre scolaire. J'ai eu l'opportunité de travailler sur un site à but d'exemple, basé sur un cahier des charges fourni par le client. L'objectif de ce site est de servir de démonstration pour une société qui envisage de passer à l'étape suivante.
Pour ce projet, j'ai utilisé les langages HTML, SCSS et JS. Le site a été développé en suivant les spécifications du client, en mettant l'accent sur la création d'une interface convaincante et fonctionnelle. Actuellement, le site est codé en statique, avec des fonctionnalités de base.
Si le projet est validé, j'aurai l'opportunité de poursuivre le développement en créant une base de données et en implémentant la partie en PHP. Cela permettra de rendre le site interactif et dynamique, en offrant des fonctionnalités avancées.
Pendant la réalisation de ce projet, j'ai travaillé en étroite collaboration avec le client pour comprendre ses besoins et ses attentes. J'ai traduit ces exigences en code, en utilisant HTML pour structurer le site de manière optimale. Avec SCSS, j'ai pu styliser les éléments de manière attrayante et en accord avec la vision du client.
L'utilisation de JavaScript a permis d'ajouter des fonctionnalités interactives au site, améliorant ainsi l'expérience utilisateur. J'ai veillé à ce que les interactions soient fluides et intuitives, offrant une navigation agréable aux visiteurs.
Ce projet représente un défi passionnant et une opportunité pour moi de mettre en pratique mes compétences en développement web.

Le gite du panda

Mon premier projet réalisé lors de ma formation. Ce projet a été réalisé en solo et a été bouclé en seulement 4 jours, du début de la maquette jusqu'à la finalisation du code.
Il s'agit d'un projet "onepage" développé en utilisant les langages HTML, CSS et JS. L'objectif était de créer une page unique qui regroupe toutes les informations essentielles.
En travaillant sur ce projet, j'ai pu mettre en pratique mes connaissances en développement web que j'ai acquis en amont de la formation HTML,CSS, JS.
Ce projet a été l'occasion pour moi de relever un défi en travaillant de manière autonome et en respectant des délais serrés. J'ai pu mettre en pratique mes compétences techniques et développer ma capacité à gérer un projet de A à Z.

Glossaire des drapeaux

Projet en Full ReactJS réalisé en suivant un tutoriel :
Ce projet a été réalisé en utilisant le framework ReactJS. J'ai suivi un tutoriel complet qui m'a permis d'explorer les fonctionnalités offertes par ReactJS et d'approfondir mes connaissances dans ce domaine.

Restaurant

Projet codé avant ma formation en suivant une maquette après avoir commencé à apprendre le code en autodidacte. Site a été fait en HTML et CSS.

Le clos de marsault

Second projet codé en suivant une maquette après avoir commencé à apprendre le code en autodidacte. Site responsive et et utilisant le HTML et le CSS.

VueLamp

Premier projet réaliser en suivant un tuto pour approcher le monde du développement web avec une petite animation pour allumer la lampe.