Skip to content

animal-meeting-re/front

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


미팅해요 동물의 숲

동물상 판별 AI를 통해 사용자의 동물상을 측정하고, 원하는 동물상과 매칭을 시켜주는 서비스입니다.

📌 개요

  • 프로젝트 이름 : 미팅해요 동물의 숲
  • 개발 배경 : 2024 세종대학교 축제 낮부스 운영
  • 개발 언어 : Java, Javascript
  • 프론트 : React, Recoil
  • 백엔드 : Spring Boot, Spring JPA, MySql, EC2, S3, RDS, CodeDeploy, Docker, Nginx
  • AI 모델 : Teachable Machine

🖥️ 프로젝트 소개

  • 2024 세종대학교 축제(05.29 - 05.31) 낮 부스를 운영하였습니다.
  • AI 동물상 측정을 통해 사용자의 동물상을 측정할 수 있습니다.
  • 측정 결과 이미지를 다운로드 할 수 있습니다.
  • 선호하는 동물상을 선택하고 미팅에 참여할 수 있습니다.

🔗 프로젝트 링크


⚙️ 프로젝트 주요 기능

  • 남자 (강아지, 고양이, 토끼, 공룡, 곰, 늑대) / 여자(강아지, 고양이, 토끼, 사막여우, 사슴, 햄스터) 각각 6가지 동물상
  • 5초 동안 나온 동물상의 확률을 누적합으로 측정결과 리턴
  • 남/여 서로 다른 동물상 6개에서 도합 100%로 결과 도출
  • 측정 완료 후 각 동물상의 특징과 대표 연예인 사진
  • AI 동물상 측정 후 고유번호(학번 or 전화번호)로 등록
  • 결과 사진에 대표 연예인과 동물캐릭터, 동물상 특징
  • 웹사이트에서 고유번호 입력 후 이미지 다운로드
  • 현장 측정 사진 or 휴대폰 사진 다운로드 가능
  • 1대1, 2대2, 3대3 으로 미팅참여 가능
  • 선호하는 동물상 1순위, 2순위 선택 후 미팅 등록
  • 매칭 완료 후 이름, 전화번호로 로그인
  • 상대방 동물상 확인 후 오픈채팅 참여

💾 시스템 설계도


📌 페이지 화면

1. 🐶 AI 동물상 측정

🖥️ 모니터 버전

동물상 측정 동물상 측정2

📺 TV 버전

메인페이지
화면 1
화면 2


2. 📷 측정 결과 이미지 등록

등록하기1 등록하기2 등록하기3

3. 📷 측정 결과 이미지 다운로드

다운로드1 다운로드2 다운로드3
현장 측정 이미지 버전 휴대폰 버전


4. 👬 미팅 등록

미팅 등록 1 미팅 등록 2 미팅 등록 3
미팅 등록 4 미팅 등록 5 미팅 등록 6


5. 👬 미팅 결과 확인 및 참여

로그인 매칭 결과 확인