oyeon-kwon/personal_color

JavaScript

나의 퍼스널 컬러를 Colordentity 에서 손쉽게 진단하세요!

Project 소개

퍼스널 컬러란 사람의 피부톤과 가장 잘 어울리는 색상을 찾는 색채학 이론입니다. 피부톤에 어울리는 색을 웜톤, 쿨톤 혹은 봄, 여름, 가을, 겨울로 나누어 부르며 어떤 색조 화장품이나 어떤 색상의 옷이 잘 어울리는지 찾기 위해 주로 사용하는 방법입니다.

Colordentity는 간편하게 본인의 퍼스널 컬러를 진단할 수 있는 웹 앱입니다.

배포 링크

Colordentity 바로가기

주요 기능 미리보기

수동으로 내 컬러 진단하기

직접 촬영한 사진으로 여러가지 컬러칩들을 스스로 대조해 본인의 퍼스널 컬러를 찾을 수 있는 기능입니다.

자동으로 내 컬러 진단하기

Google Teachable Machine을 통해 학습한 AI 모델을 토대로 본인의 퍼스널 컬러를 찾을 수 있는 기능입니다.

커뮤니티 게시판

퍼스널 컬러 관련 질문이나 정보를 유저들과 함께 공유할 수 있는 커뮤니티 게시판입니다.

세부 기능 기술

Google Teachable Machine 이미지, 사운드, 자세를 인식하도록 컴퓨터를 학습시키세요. 사이트, 앱 등에 사용할 수 있는 머신러닝 모델을 쉽고 빠르게 만들어 보세요. 전문지식이나 코딩 능력이 필요하지 않습니다.
파이어베이스 실시간 데이터 베이스 활용
리액트 라우터
카카오 로그인을 위한 AWS EC2 서버 활용
PWA 적용

STACK

Prerequisite

클라이언트

cd client
npm install
npm start

서버

cd server
npm install
npm start

프로젝트를 진행하며 작성한 블로그 포스트