README.md

[Personal] Personal를 통해 나를 나타내는 색과 음색을 정의해 드립니다

요약

지극히 개인적인, 나만의 감각을 찾아주는 Personal 서비스 개발

인원

• 총 5명에서 진행( FE: 2명, BE:2명, Design:1명)

시기

• 2022년 6월 25일 ~2022년 7월 31일

Project Stack

• React
• styled-components
• react-router-dom
• three
• @react-three/fiber
• @react-three/drei
• axios
• framer-motion

📝 Personal 에서 당신의 감각을 찾아드립니다

---

1. Personal을 통해 지극히 개인적인, 나만의 각각을 찾아드립니다.
2. 직접 찾아가지 않는 랜덤 다이버 시티를 제현한 서비스
3. 백엔드 없이, 프론트엔드로만 개발

github 주소

https://github.com/Likelion-Inha-10/inha-hackathon-Personal-fe

배포링크

[Personal](https://personal-onlyfe.pages.dev/)

기본 백엔드 연동을 제외하고, 프론트 코드로만 돌아갈 수 있도록 개발을 완료했습니다.

그래서 이 링크는 현재도 이용 가능합니다.

👍 프로젝트 상세 설명

핵심 포인트

1. 지극히 개인적인, 나만의 감각을 찾아주는 서비스
2. 직접 찾아가지 않는 랜덤 다이버 시티를 제현한 서비스
3. 백엔드 없이, 프론트엔드로만 개발

프로젝트 기획과 배경 및 목적

1) 개발 배경

1. 뇌파를 이용하여 자신의 감정을 색깔과 음정으로 보여주는 랜덤 다이버 시티 에 참여
2. 자신을 나타내는 색깔과 음정을 보여주는 것이 매우 획기적이라고 생각
3. 이곳에 가지 않아도, 모든 사용자들이 편하게 자신의 색깔과 음정을 알려주자.

어플리케이션 기능

1. Personal Color 검사 기능

• 색을 성격 구분

여러가지 논문과 서적을 참고한 결과, 크게 3가지로 각각의 색의 성격을 구분하였다.

이 색을 섞어서 아래와 같은 총 8가지의 색깔로 결과 정의

2) Personal Sound 검사 기능

• 소리 또한 성격으로 구분

소리의 경우. 가장 성격을 잘 나타낼 수 있는 것이 악기라고 판단하여 이와 관련하여 조사 하였고 총 8개의 악기를 정하였다. → 이는 모두 다른 성격을 가지고 있는 악기이다.

3) 각각의 간단한 테스트 진행 후, 결과 확인하기

비즈니스 모델

1. 퍼스널 관련 제품 판매

→ 퍼스널과 관련된 제품과 협업을 통해서, 나온 결과에 따른 제품을 추천하여 구매할 수 있게 하는 기능 추가

2. 프로페셔널 기능 추가

→ 현재의 결과를 더 다양하게 볼 수 있고, 검사할 수 있는 기능을 추가하여 이를 통해 이윤을 얻는다.

3. 관련 전시회와의 협업

→ 관련 전시회에서 원한다면 현재 서비스에 현재 색깔, 소리 뿐 아니라 다른 서비스도 런칭할 수 있는 기회 제공

결과(시연) 화면

첫 화면 + 검사 시작 페이지 (Color + Sound)

검사 페이지(Color + Sound) + 로딩창(Color + Sound)

검사 결과 제공 페이지 (Color + Sound)

더 내용이 궁금하다면 아래 링크를 눌러보세요. [Personal](https://personal-onlyfe.pages.dev/)