pexeixv/weight-class-finder

Add form validation with Zod/Yup and Formik/React Hook Form

Ouverte

#3 ouverte le 21 oct. 2025

Voir sur GitHub
 (1 commentaire) (0 réaction) (0 personne assignée)TypeScript (0 fork)auto 404
enhancementhacktoberfest

Métriques du dépôt

Stars
 (0 étoile)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

  • Integrate a form validation library such as Zod or Yup with Formik or React Hook Form.
  • Validate inputs for:
    • Weight must be a positive number
    • Gender must be selected
    • Units must be selected
  • Provide error toasts using Sonner and prevent submission until inputs are valid.
  • Ensure good UX with focus on invalid fields.

Guide contributeur

Direction de recherche
Apprenez à utiliser Zod ou Yup pour la validation de schémas et intégrez le avec React Hook Form ou Formik. Validez le poids (nombre positif), le genre (sélectionné), les unités (sélectionnées). Utilisez Sonner pour les toasts d'erreur et assurez vous que les champs invalides reçoivent le focus.
Stack technique
typescriptreact
Domaine
frontend
Type d'issue
Fonctionnalité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
GitTypeScriptReact
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75