adhit-r/fairmind

Frontend: UI Polish & Loading States

Ouverte

#153 ouverte le 21 mars 2026

Voir sur GitHubGuide contributeur
 (1 commentaire) (0 réaction) (0 personne assignée)Python (12 forks)auto 404
enhancementfrontendgood first issueui/ux

Métriques du dépôt

Stars
 (9 étoiles)
Métriques de merge PR
 (Merge moyen 2j 6h) (3 PRs mergées en 30 j)

Description

Description

Improve frontend UX consistency — loading states, skeleton screens, spacing, and alignment.

Checklist

  • Add skeleton screens / loading states to all data-fetching pages
  • Make loading state patterns consistent across pages
  • Fix hardcoded spacing, misalignment, and padding issues
  • Ensure all interactive elements have proper hover/active/focus states

Consolidates

#99, #115, #123

Guide contributeur

Direction de recherche
Identifiez toutes les pages de récupération de données et ajoutez des états de chargement squelette. Vérifiez les modèles d'espacement et d'alignement existants, puis appliquez des corrections cohérentes. Assurez vous que les états de survol/actif/focus sont uniformes.
Stack technique
javascripttypescriptreactcss
Domaine
frontend
Type d'issue
Refactorisation
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.
Une demi journée
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
ReactCSSFigma
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75