Retour
Portfolio
2024
Rôle
Développeur
Durée et résultat
2 Mois
Équipe
Projet individuel
Liens
Live site
Aperçu
Ce projet personnel a consisté en la conception et le développement complet d’un portfolio en ligne, destiné à présenter l’ensemble de mes projets réalisés au cours de mes études. Il a été conçu pour m’aider dans mes futures recherches de stage et d’alternance. Ce portfolio, réalisé de A à Z, a nécessité une attention particulière au design moderne et à la fluidité des transitions, tout en étant agréable à parcourir.
0.1
Page d'accueil
0.2
Section skills
0.3
Footer
Objectif
Un outil professionnel et visuellement harmonieux
L'objectif principal de ce projet était de créer un site professionnel, qui soit à la fois esthétiquement plaisant et techniquement performant. Le design devait être moderne, harmonieux, et facile à naviguer, tout en intégrant diverses animations et effets interactifs pour enrichir l'expérience utilisateur. Il s'agit non seulement de présenter mes projets, mais aussi de démontrer mes compétences techniques en développement web.
1.0
Menu
Contexte
Développement complet sur mesure avec Symfony
2.0
Page contact
Le projet a été réalisé à l'aide du framework Symfony, qui a permis de gérer les routes, les thèmes, ainsi que les traductions des pages et le maintien des préférences utilisateurs via des sessions. Le site est hébergé sur un serveur VPS, que j'ai entièrement configuré. Ce processus m’a permis de renforcer mes compétences en administration de serveurs et en hébergement web.
Processus et méthodologie
Design interactif et animations avancées
Design et effets visuels : Le principal défi a été de créer un design à la fois visuellement agréable et moderne, tout en intégrant des effets interactifs sophistiqués comme les mouvements de souris, les transitions entre les pages et des animations de menu. L'effet de gravité sur la page d’accueil a été réalisé avec la bibliothèque Matter.js, tandis que les animations ont été créées à l'aide de GSAP.
Fonctionnalités techniques : Le site intègre un formulaire de contact relié à un email professionnel lié à mon nom de domaine. Les paramètres comme le thème et la langue des utilisateurs sont stockés en session pour améliorer l’expérience utilisateur.
Hébergement et configuration : J'ai configuré le serveur VPS, installé toutes les dépendances nécessaires et optimisé les performances du site. Cela inclut la configuration de Symfony, ainsi que la gestion des domaines et certificats SSL pour assurer la sécurité et la stabilité du site.
3.0
Page projets
Défis rencontrés et solutions
Un apprentissage autodidacte du design
Le principal défi de ce projet a été la partie design, un domaine dans lequel je n'ai pas de formation formelle. J'ai dû apprendre sur le tas, en m'inspirant de divers exemples en ligne et en m'adaptant progressivement à des concepts comme l'harmonie visuelle, l'ergonomie et les animations interactives. Trouver l'équilibre entre un design moderne et une interface fonctionnelle a représenté un réel apprentissage.
En dehors de cet aspect, il n'y a pas eu de véritable obstacle majeur. Le projet a surtout été long à réaliser, nécessitant du temps pour finaliser chaque fonctionnalité, optimiser le site, et configurer l’hébergement. Mais globalement, les étapes se sont enchaînées sans problème technique significatif.
4.0
Page description de projet
Résultats
Un portfolio dynamique et interactif
5.0
Page d'erreur - 404
Le portfolio final est un site interactif, élégant et parfaitement adapté à la présentation de mes projets. Les animations, les effets visuels, et la navigation fluide offrent une expérience utilisateur agréable et intuitive. Ce projet m'a permis de pratiquer et d'améliorer mes compétences en développement web, design et administration de serveurs. Il représente aujourd'hui un outil clé pour ma recherche de stage et d'alternance.
Retours d'expérience et compétences acquises
Maîtrise du développement web et gestion de projet
Ce projet m’a permis d’acquérir des compétences approfondies en Symfony, en HTML/CSS, JavaScript et en animations via GSAP. J’ai également consolidé mes connaissances en administration de serveurs et hébergement web grâce à la configuration du VPS. En réalisant tout le projet de A à Z, j’ai pu revoir des notions fondamentales et pratiquer divers outils de développement, tout en affinant mon sens du design et ma capacité à créer des interfaces utilisateur attractives et performantes.
6.0
Light theme