finds.dev← search

// the find

Colt/react-colors

★ 203 · JavaScript · updated Jun 2023

Clone of Flat UI Colors, made for my Modern React Bootcamp Course

A teaching project from Colt Steele's React Bootcamp course — a color palette app where you can browse, create, and share palettes, roughly mimicking Flat UI Colors. It covers drag-and-drop, routing, local storage persistence, and JSS-based styling. Not a tool you'd use in production; it's a learning exercise.

Each commit maps to a course video, making it genuinely useful as a reference if you're following along and got stuck. The feature scope is broader than most tutorial projects — drag-and-drop reordering, color format switching (hex/rgb/rgba), and a custom palette creator give students something real to build. JSS-in-JS styles are organized per-component in a dedicated styles/ folder, which is a cleaner structure than most beginners produce.

Last touched mid-2023 and built on Create React App, which is now effectively unmaintained — you'll hit Node compatibility warnings out of the gate. There's a single App.test.js that tests almost nothing; the 'tests' portion of the bootcamp was clearly skipped. localStorage is the only persistence layer, so palettes vanish on a different browser or device. Forks outnumber stars, which tells you exactly what this is: people cloning it to submit homework, not bookmarking it because it's useful.

View on GitHub →

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →