Skip to content
<matthew />
cd ../work

/* case study */

react-flex-rating

A (semi) full-featured React rating component with half-icon ratings, smart hover states, and easy style overrides.

// impact: Plays nicely with Material-UI

// Context

A reusable rating component I built and open-sourced.

// Challenges

  • ›Existing rating components were rigid and hard to style

// Approach

  • ›Functional components with a dynamic icon count, value and maximum
  • ›Half-icon ratings and intuitive hover states
  • ›SASS styling and className propagation for easy overrides

// Outcomes

  • ›Published with a live demo

// next case study

GoodParty.org Platform Rebuild