Skip to content

인하대학교 해커톤 Personal 프로젝트의 프론트 레포

Notifications You must be signed in to change notification settings

sean2337/inha-hackathon-Personal-fe

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

74 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

image

요약

지극히 개인적인, 나만의 감각을 찾아주는 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) 개발 배경

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

어플리케이션 기능

  1. Personal Color 검사 기능
  • 색을 성격 구분

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

image

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


image

2) Personal Sound 검사 기능

  • 소리 또한 성격으로 구분
image


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



image

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

image

비즈니스 모델

  1. 퍼스널 관련 제품 판매

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

  1. 프로페셔널 기능 추가

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

  1. 관련 전시회와의 협업

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



결과(시연) 화면

image

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

image

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

image

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

image

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

About

인하대학교 해커톤 Personal 프로젝트의 프론트 레포

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 93.9%
  • CSS 5.1%
  • HTML 1.0%