SAÉ 1.05


Informations :


Description du projet :

Dans le cadre de ce projet, j’ai endossé le rôle de développeur. Mon objectif était de créer un site web One Page pour une start-up, sur le thème d’une application de randonnée interactive.


Déroulement du projet :

Au cours de la première semaine, j’ai conçu plusieurs composants en HTML et CSS afin de me constituer un kit UI regroupant divers éléments comme un header, une navigation, une section hero, un footer, etc. Parallèlement, j’ai suivi plusieurs cours qui m’ont apporté les compétences nécessaires pour intégrer et afficher différentes sources de données externes sur mon site web. Lorsque je n’étais pas en cours, j’ai poursuivi l’élaboration de mon kit UI, qui me servira de base pour la réalisation du site final.

La deuxième semaine a été dédiée à la création du site web de ma startup. J’ai d’abord défini son identité visuelle en réfléchissant à son concept, sa palette de couleurs et son univers graphique. Ce travail m’a conduit à modifier et à affiner certains composants de mon kit UI afin d’assurer une cohérence visuelle et fonctionnelle. J’ai également appliqué la méthodologie BEM pour structurer mon CSS de manière claire et hiérarchisée. L’un des défis majeurs de cette étape a été de rendre mon site adaptable à différentes sources de données JSON, ce qui a nécessité plusieurs ajustements et résolutions de problèmes. Parallèlement, j’ai développé des scripts JavaScript permettant une intégration dynamique et fluide des jeux de données.

Enfin, la dernière moitié de la semaine a été consacrée à la mise en ligne de mon site sur mon VPS hébergé chez Pulseheberg. La principale difficulté rencontrée a été le téléchargement d’une mise à jour de l’OS en raison de la saturation des serveurs. Toutefois, en suivant la procédure vue en TP la semaine précédente, j’ai réussi à finaliser le déploiement. Après quelques ajustements et corrections finales, j’ai intégré les composants de mon kit UI et mis en ligne la version définitive du site.


Livrables :


Apprentissages Critiques :


Ressources mobilisées :