Home About Me

Mon site internet

Explications générales

J'ai décidé de faire un site web pour plusieurs raisons. D'abord, ça me permet d'apprendre le développement front-end, de faire des tests grandeur nature, mais aussi car je voulais rassembler tous mes projets en un seul endroit, et d'avoir un chouette aperçu de toutes mes meilleures créations.

J'ai réfléchi au design de mon site, et j'ai opté pour un fond multicolore, comme toutes les couleurs sont pas là en même temps ça fait pas too much, mais ça permet aussi de faire le reste très sobre et pas se casser la tête avec ça.

J'y ai fait une section "about me" pour me présenter, montrer mes multiples talents et les trucs que j'aime bien. On dira sûrement que cette dernière partie fait pas pro, mais franchement c'est un site pour le fun, y a rien de sérieux là dedans.

Explications techniques

Tout d'abord, le code est open-source sur mon GitHub. J'ai pas le choix, comme je passe par GitHub Pages pour le site, je peux pas mettre le dépôt en privé. Mais c'est pas grave moi jmen fous.

Sinon, comme déjà dit, créé à 100% par mon gros cerveau (et ChatGPT un peu ('fin un peu beaucoup)) en HTML, CSS et JavaScript, j'ai pris beaucoup de temps pour essayer de faire quelque chose de classe.

Le fond d'écran multicolore fonctionne avec un dégradé dont les 2 couleurs et l'angle changent en fonction de la position de la souris. Puis j'ai un fait un truc cool quand on passe la souris sur le titre de la page d'accueil ^^
J'ai aussi rajouté des ombres et des effets quand on passe la souris sur certains éléments.

Spotify !

J'ai réussi à afficher la chanson que j'écoute en direct sur la page d'accueil. C'était un peu compliqué, heureusement que ChatGPT m'a aidé ^^'... Mais en gros le principe c'est que j'héberge sur un serveur gratos Vercel une API qui envoie un json avec quelques infos sur la musique en cours. Comme Vercel comprend que c'est une API, il donne pas le code JS et je peux garder le token caché. Le site principal va juste faire une requête sur cette API Vercel, et le tour est joué !

La barre d'écoute ne s'actualise pas, c'est freeze, mais ça rend mieux avec, alors je l'ai rajoutée.

Et quand y a rien, c'est que j'écoute rien, logique.