🐾 AI 동물상 테스트 (AI Animal Lookalike Test)

구글 Teachable Machine 기반의 인공지능이 당신의 얼굴 사진을 분석하여 가장 닮은 동물상을 찾아주는 웹 애플리케이션입니다.

✨ 주요 특징 (Key Features)

• AI 분석: Google Teachable Machine 2.0 모델을 활용한 고성능 이미지 분류.
• Glassmorphism 디자인: 최신 디자인 트렌드인 유리 질감 UI와 부드러운 애니메이션 적용.
• 개인정보 보호: TensorFlow.js를 이용해 브라우저 내에서 직접 분석하므로 사진이 서버로 전송되지 않습니다.
• 반응형 웹: PC, 태블릿, 모바일 등 모든 기기에서 최적화된 화면을 제공합니다.
• 결과 공유: 분석 결과를 트위터, 페이스북으로 공유하거나 링크를 복사할 수 있습니다.

🛠 기술 스택 (Tech Stack)

• Frontend: HTML5, CSS3 (Modern Baseline features), Vanilla JavaScript
• AI Model: TensorFlow.js, Teachable Machine Image Model
• Design: Glassmorphism UI, CSS Variables, Flexbox/Grid
• Analytics: Google Analytics (gtag.js), Microsoft Clarity

🚀 시작하기 (Getting Started)

이 프로젝트는 별도의 서버 설정 없이 정적 파일로 구성되어 있습니다.

1. 이 저장소를 클론합니다.

   git clone https://github.com/straycat405/product-builder-lecture.git

2. index.html 파일을 브라우저로 엽니다.
3. 사진을 업로드하고 AI 분석 결과를 확인하세요!

📁 프로젝트 구조 (Project Structure)

├── index.html        # 메인 페이지 (테스트 화면)
├── main.js           # AI 모델 로딩 및 이미지 처리 로직
├── style.css         # Glassmorphism 디자인 및 레이아웃
├── privacy.html      # 개인정보처리방침
├── terms.html        # 이용약관
├── favicon.png       # 파비콘 이미지
└── README.md         # 프로젝트 문서

⚖️ 라이선스 (License)

이 프로젝트는 재미와 학습 목적으로 제작되었습니다. 자유롭게 수정하고 배포하실 수 있습니다. Powered by Teachable Machine.

---

© 2024 AI Animal Test. All rights reserved.