Visualiseur d'objectifs : suivi d'objectifs simple

Ceci est une soumission pour le GitHub Copilot Challenge : New Beginnings

Ce que j'ai construit

Goal Visualizer est une application Web simple conçue pour aider les utilisateurs à définir des objectifs, à suivre leurs progrès et à rester motivés. Avec des visualisations interactives, des conseils de motivation et une animation de confettis de célébration lorsque vous atteignez 100 % de progrès, cette application maintient l'établissement d'objectifs engageant et amusant.

Caractéristiques

1. Formulaire d'inscription aux objectifs
   • Les utilisateurs peuvent saisir le nom de leur objectif, la valeur cible et leur progression actuelle.
   • Exemple:
     • Nom de l'objectif : "Courir un marathon"
     • Valeur cible : « 26 miles »
     • Progrès actuel : « 10 miles »
2. Visualisation des progrès
   • Une barre de progression se met à jour dynamiquement en fonction de la saisie de l'utilisateur.
   • Affiche le pourcentage d'achèvement en temps réel.
3. Conseils de motivation
   • Des conseils de motivation aléatoires sont affichés pour encourager les utilisateurs dans leurs efforts pour atteindre leurs objectifs.
4. Confettis de célébration
   • Lorsque l'utilisateur atteint 100 % de progression, une animation de confettis est déclenchée pour célébrer sa réussite.
5. Pages statiques
   • La page d'accueil présente l'application et son objectif.
   • Les pages de saisie et de visualisation de...
     [Courte citation de 8% de l'article original]