Despite of increasing attention to personal color nowadays, there is a problem which people are hard to figure out one. To solve this problem me and my teammates built a page where user can easily figre out their personal color through simple questions using color examples on screen. Page also recommend related features such as clothes or hair styles depends on result

퍼스널 컬러의 화제성과 중요성에 비해 일반인이 퍼스널 컬러에 접근하기 어렵다는 문제를 인식했고, 웹에서 간단하게 퍼스널 컬러를 진단할 수 있는 페이지를 만들었다. 사용자는 몇 가지 질문을 통해 자신의 퍼스널 컬러를 찾아가게 된다. 퍼스널 컬러의 본질은 피부색과 색상의 조화를 보는 것이기 때문에 자신의 피부를 직접 화면에 대어 색상과 어울리는 지 비교하며 질문에 응답한다. 결과창에서는 자신의 퍼스널 컬러에 대한 설명과 화장품, 옷, 헤어 등에 대한 추천을 받을 수 있다.

HTML/CSS/JavaScript/Bootstrap

Simple workout Record is advanced and simpler version of power building program. Program mainly focuses on three main work out(Bench Press, Squat, Deadlift) which oftenly stand for one's workout status. More functions, fancier gui, and more simple design makes user feel more comfortable to record their work out progress. User can also see their improvements much more easily through graph

심플 운동 기록은 파워빌딩 프로그램의 더 심플하고 나은 버전이다. 프로그램은 흔히 사람의 운동현황의 척도로 불리는 3대 운동(벤치프레스, 스쿼트, 데드리프트)에 초점을 맞춘다. 더 많은 기능들, 멋있는 화면, 심플한 디자인은 사용자들로 하여금 운동기록을 기록하는 것에 더 편안함을 느끼게 한다. 또한 사용자들은 프로그램이 제공하는 그래프를 통해 성장과정을 한눈에 확인할 수 있다.

HTMl/CSS/TypeScript/React/Styled Component/Recoil/Framer Motion/Firebase/Apexcharts