Skip to content

Feat/UI ux improvements#3

Merged
Gaells merged 11 commits into
masterfrom
feat/ui-ux-improvements
Jun 25, 2026
Merged

Feat/UI ux improvements#3
Gaells merged 11 commits into
masterfrom
feat/ui-ux-improvements

Conversation

@Gaells

@Gaells Gaells commented Jun 25, 2026

Copy link
Copy Markdown
Owner

Overview

Major UI/UX overhaul with focus on mobile-first design, accessibility, and visual polish.

Changes

New Components

Component Description
skeleton.tsx Skeleton loaders for loading states
error-boundary.tsx Error boundary with friendly UI + retry
accordion.tsx Collapsible sections for mobile
MobileComponents.tsx StickyResultBar, MobileSlideUpPanel, EmptyState

Enhanced Components

Component Improvements
Button Press animation, success variant, loading state
Input Larger touch targets (48px), focus scale animation
Card Rounded-2xl, hover shadow, backdrop support
SliderInputField Debounced updates, visual feedback
ResultCard Trend indicators, multiple variants
FeatureCard Glassmorphism, hover lift + glow
Dashboard Animated stats, stagger animations

Design System

  • Dark mode refinements with better contrast
  • New CSS animations (shimmer, pulse-glow, accordion)
  • Custom scrollbar styling
  • Reduced motion support
  • Success/warning color tokens

Responsiveness

  • Mobile-first approach with proper breakpoints
  • Touch-optimized inputs (44-48px targets)
  • Responsive typography and spacing

CI/CD

  • GitHub Actions workflow on every push
  • Runs lint, type-check, and tests
  • Coverage reporting to Codecov
  • Build verification

Testing

  • Lint passes with no errors
  • TypeScript passes (test errors are pre-existing)

Checklist

  • New components have proper structure
  • Responsive on mobile
  • Works in dark mode
  • No breaking changes
  • CI/CD pipeline configured

Gaells added 2 commits June 25, 2026 12:58
- Lint & TypeScript check on every push and PR
- Run tests with coverage reporting
- Build verification
- Coverage upload to Codecov
@vercel

vercel Bot commented Jun 25, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
finforge Ready Ready Preview, Comment, Open in v0 Jun 25, 2026 7:59pm

…or ResultCard and useCompoundInterestCalculator
… aesthetics and responsiveness

- Enhanced global CSS variables for light and dark themes, introducing softer tones and glow effects.
- Refined button styles for better hover and active states, including border adjustments.
- Improved card components with new hover effects and shadows for a more dynamic appearance.
- Updated input fields and sliders with rounded styles and enhanced focus states.
- Adjusted layout components to utilize glass card effects and improved transition animations.
- Enhanced feature cards with new hover animations and background gradients for visual appeal.
- Implemented scroll-based opacity effects in the dashboard for a smoother user experience.
@Gaells
Gaells merged commit 914c880 into master Jun 25, 2026
8 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant