adhit-r/fairmind

Frontend: UI Polish & Loading States

Offen

#153 geöffnet am 21.03.2026

Auf GitHub ansehenContributor Guide
 (1 Kommentar) (0 Reaktionen) (0 zugewiesene Personen)Python (12 Forks)auto 404
enhancementfrontendgood first issueui/ux

Repository-Metriken

Stars
 (9 Sterne)
PR-Merge-Metriken
 (Durchschn. Merge 2T 6h) (3 gemergte PRs in 30 T)

Beschreibung

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

Contributor Guide

Research-Richtung
Identifiziere alle datenabrufenden Seiten und füge Skelett Ladezustände hinzu. Überprüfe vorhandene Abstands und Ausrichtungsmuster und wende konsistente Korrekturen an. Stelle sicher, dass Hover /Active /Fokus Zustände einheitlich sind.
Tech Stack
javascripttypescriptreactcss
Domain
frontend
Issue Type
Refactoring
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
ReactCSSFigma
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75