Web app · 2025

Mie

A color-analysis web app that evaluates clothing photos against personal armocromia palettes to support better shopping decisions.

Project description

Mie helps users validate if a garment matches their personal color profile. The workflow accepts item photos, extracts dominant colors, and compares them against armocromia references through a color-distance check, so the output is actionable, not just decorative.

Project highlights

  • Palette-based analysis flow designed for practical day-to-day outfit and shopping checks.
  • Image upload workflow tuned for quick mobile capture and e-commerce screenshots.
  • Dominant color extraction and matching logic powered by color-thief and color-diff.
  • React + TypeScript codebase with modular analysis steps (input, extraction, comparison, feedback) to keep the logic maintainable.

Technologies used

Tools that power the build

React
React
TypeScript
TypeScript
Tailwind
Tailwind
Figma
Figma
React
React
TypeScript
TypeScript
Tailwind
Tailwind
Figma
Figma
React
React
TypeScript
TypeScript
Tailwind
Tailwind
Figma
Figma
React
React
TypeScript
TypeScript
Tailwind
Tailwind
Figma
Figma
React
React
TypeScript
TypeScript
Tailwind
Tailwind
Figma
Figma
React
React
TypeScript
TypeScript
Tailwind
Tailwind
Figma
Figma