Projet personnel en JavaScript, React et Vite
Compétences visées : travailler l’utilisation d’API et apprendre à utiliser React et Vite dans un projet court.
Ce site permet de chercher une ville selon son nom ou son code postal, puis d’afficher les informations météorologiques la concernant (températures, risques de pluie…). En fonction de ces informations, le site propose différents conseils vestimentaires ou de bons gestes à avoir pour bien vivre la météo annoncée.
Ce projet avait pour objectif de réaliser une SPA en JavaScript et d’apprendre à utiliser React et Vite pour le développer. Je souhaitais également travailler mon utilisation d’API et des méthodes d’appels pour les maîtriser davantage.
Compétences techniques
- HTML, CSS, JavaScript, React
- Gestion des composants React
- Découverte de React et Vite et création d’un serveur local
- Gestion des appels vers une API externe et du traitement des données reçues
Autres compétences requises
- S’adapter à un nouvel environnement de travail
- Apprendre un nouveau type de syntaxe et de structure
- Rechercher les outils les plus adaptés (API, hébergement, framework)
Ce que ce projet m’a apporté
- En peu de temps, ce projet m’a permis de découvrir plusieurs outils et technologies que je n’avais pas beaucoup ou du tout utilisées auparavant. J’ai découvert React, Vite, que j’ai facilement pris en main et dont j’apprécie l’utilisation efficace pour ce projet.
- J’ai découvert Vercel, qui m’a servi à héberger le site gratuitement depuis mon dépôt GitLab.
- J’ai pu revoir certains éléments de JavaScript tels que les modules et la méthode fetch, et j’ai pu les utiliser plus aisément.
Ce projet est assez simple et basique, il est actuellement publié dans sa première version mais je souhaite y ajouter plusieurs fonctionnalités telles que l’heure la plus chaude de la journée, les prévisions des températures par heure, la température actuelle et le temps actuel…