Project Narang

개인의 감정을 케어하는 웹서비스

Demo site

https://narang.ml

참여자

@ohoraming	@kkn1125

---

기획

"Narang"서비스는 일기를 작성하면서 감정을 분석하고 해석된 감정 데이터를 그래프로 변환하여 주 단위로 자신을 관찰하는 감정 케어 서비스입니다.

컨셉

1. TXT
   네이버 파파고 API로 일기 내용을 번역하고, 번역된 내용을 sentiment 라이브러리로 감정 분석합니다. 일기 하단에는 일기 전체의 감정을 나타내는 이모지를 표시합니다.
2. AI
   등록된 안면 이미지를 조회하여 AI기술을 통해 사용자와 일치 여부를 판별하고, 간편하게 로그인합니다. 안면 인식 로그인은 프로필에서 자신의 사진을 업로드하면 자동 활성화 됩니다.
3. GRAPH
   분석된 감정 데이터는 Chart.js를 이용해 그래프로 표시합니다. 그래프를 통해 나의 감정을 케어하는 서비스를 사용할 수 있습니다.

서비스 목록

1. 안면 인식 로그인 (face-api.js detectFace)
2. 소셜 계정 로그인 (카카오 로그인 API)
3. 일기
   • 일기 내용을 기반으로 감정 판별
   • 감정 분석
   • 감정 분석 데이터 기반 그래프 (주 단위) 생성

안면 인식 로그인

default.mp4

일기 쓰기 & 감정 분석 그래프

default.mp4

댓글 + 좋아요

2.mp4

멘션 확인

_.mp4

웹 예시	소셜 로그인
안면 로그인 정확도 테스트	-
	-

기술 스택

개발 환경

1. Common
   • babel 7.18.10
   • prettier 2.7.1
2. Front-end
   • react 18.2.0
   • typescript 4.8.2
   • http-proxy-middleware 2.0.6
   • html-react-parser 3.0.1
   • formik 2.2.9
   • yup 0.32.11
   • jose 4.8.3
   • js-sha256 0.9.0
   • material-ui 5.10.2
   • emotion 11.10.0
   • kadvice 1.0.10
   • suneditor 2.43.14
   • react-cookie 4.1.1
   • react-dom 18.2.0
   • react-router-dom 6.3.0
   • chart.js 3.8.2
   • react-chartjs-2 4.3.1
   • dotenv 16.0.1
   • date-fns 2.29.1
   • axios 0.27.2
   • naver papago - 번역
3. Back-end
   • java openJDK 11
   • Spring Boot 2.7.1
   • Spring Security 5.7.2
   • Json Web Token 0.11.5
   • Lombok 1.18.24
   • jackson data-bind 2.13.3
   • common-io 2.11.0
   • gradle 7.4.2
4. AI
   • sentiment - 텍스트 감정 분석 5.0.2
   • face-api.js - 안면 인식 + 감정 분석 + 인물 매칭 0.22.2
5. Deploy
   • AWS EC2
   • NGINX 1.20.1
   • mobaXterm

Database 명세서

• MongoDB v5.3.1
• Mongosh v1.1.7

Project Narang Database Docs

API 문서 & 명세서

Project Narang API Docs

Mock Image