adhit-r/fairmind

Frontend: UI Polish & Loading States

Open

#153 opened on Mar 21, 2026

View on GitHub
 (1 comment) (0 reactions) (0 assignees)Python (12 forks)auto 404
enhancementfrontendgood first issueui/ux

Repository metrics

Stars
 (9 stars)
PR merge metrics
 (PR metrics pending)

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

Contributor guide

Research direction
Identify all data fetching pages and add skeleton loading states. Check existing spacing and alignment patterns, then apply consistent fixes. Ensure hover/active/focus states are uniform.
Tech stack
javascripttypescriptreactcss
Domain
frontend
Issue type
Refactor
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
ReactCSSFigma
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
75