Mon Portfolio chez moi

Ce projet est un projet personnel que j'avais déjà prévu, je vais donc profiter du cadre du POK pour travailler dessus dans les meilleurs conditions. Mon but est de mettre en avant mes productions Blender sur un site portfolio. Je passerai la 1ère partie du POK à tout d'abord réfléchir au design souhaitée pour le site puis à programmer quelques pages du site en HTML et CSS tout d'abord.

Voici le lien de mon repo GitHub : https://github.com/JeffreyEdisah/Jekwed-Portfolio

Sprint 1

Objectif

Conception du design du site, révision d'HTML et de CSS en même temps que le MON 1, écriture des pages HTML

Journal de bord

J'ai commencé par la page about car elle est constitué de textes seulement, à l'inverse de mes autres pages qui comporteront des images et des vidéos. Quand j'aurais fini de la styliser avec mon fichier CSS (qui sera sûrement commun à tous les fichiers) j'écrirai l'html des pages suivantes.

Il me manque un header avec une navbar et un footer actuellement. La stylisation de ma page about prend plus de temps que prévu car l'apprentissage du CSS me retarde.

Résultat

Au cours de mon travail sur le POK, le CSS a été compliqué à maîtriser pour arriver à la mise en page que je voulais pour ma page About, et même en y arrivant celle-ci n'était pas totalement responsive, je n'ai donc pas non plus eu le temps de travailler sur les autres pages que je veux faire, cette expérience me montre la difficulté de travailler avec du CSS de base et la rigueur que cela nécessite pour parer à

Sprint 2

Objectif

Écritures des pages en HTML et CSS à l'aide du framework BootStrap, si possible ajout d'une page permettant aux visiteurs du site de me laisser des commissions, avec donc du backend.

Journal de bord

J'ai pu rajouter une autre page Pieces qui contient les pièces que j'ai faites jusqu'ici. Bootstrap m'a permis de le mettre en page aisément, mais j'ai quelques soucis avec la personnalisation de la taille des images. Il faudrait soit que je les travaille à priori dans GIMP, soit que je les affiche avec la classe thumbnail pour ensuite en appuyant dessus permettre de les afficher entièrement sur la page. Je me pose la question d'un stockage des images en base de données et de leur affichage à l'aide d'une API dédiée, peut-être à faire pour le 2ème ou le 3ème POK.

Résultat

J'ai pu terminer ma page Pièces en terme de layout et régler quelques problèmes d'alignement des pages mais je constate toujours des soucis en terme de personnalisation, le fichier CSS que j'ai fait n'ayant pas les résultats attendues lorsque je l'applique à mes pages. Il faudrait donc que je modifie le fichier SCSS de Bootstrap pour arriver au résultat souhaitée, ce que je rechigne à faire parce que je ne suis pas encore à l'aise avec les préprocesseurs CSS.

Conclusion

Ce POK m'aura permis de commencer un projet que j'avais en tête depuis quelques temps, de me faire revoir l'HTML et le CSS, de découvrir Bootstrap et comprendre pourquoi ce genre de bibliothèques peuvent être utiles pour le développement de sites web. J'ai en effet pu doubler ma production. Cependant je vois les limites de Bootstrap en terme de personnalisation, je manque aussi de connaissances à ce niveau mais j'imagine que d'autres librairies sont plus faciles à personnaliser.

Je compte dans tous les cas continuer à travailler sur ce projet, que ce soit au cours de futurs POK ou bien sur mon temps libre.