Armocromia detection web app · 2024

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.

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).

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
React
React
TypeScript
TypeScript
Tailwind
Tailwind
Figma
Figma
React
React
TypeScript
TypeScript
Tailwind
Tailwind
Figma
Figma