Skip to content

사용자로부터 기분 상태 및 추가 사항을 입력받아 AI가 음식을 추천해주는 서비스

Notifications You must be signed in to change notification settings

kych4n/feelpick

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

1. 프로젝트 소개

Feel Pick은 사용자의 기분 상태와 추가 사항을 입력받아 심리전문가이자 음식전문가 역할을 하는 AI가 그에 맞는 음식을 추천해주는 서비스입니다. "지금 기분은 어떤가요?" 라는 질문에 솔직하게 털어놓고, 음식이 주는 위로를 경험해 보세요!


2. 개발 환경

[FrontEnd]

HTML5 CSS3 JavaScript

[BackEnd]

Java Spring Spring Boot Thymeleaf

[Database]

[AI]

Google Gemini

[설계]

Figma ERDCloud

[배포]

GitHub


3. 데이터베이스 구성도

feelpick


4. 페이지 별 기능

[홈]

홈화면1

  • 로그인 전 홈 화면입니다.
  • 왼쪽 위 모서리에 있는 Feel Pick!을 누르면 홈으로 이동합니다.
  • 오른쪽 위 모서리에 있는 로그인과 회원가입을 누르면 각각 로그인과 회원가입 페이지로 이동합니다.
  • 기분 상태와 원하는 음식 종류를 선택하고, 추천 버튼을 누르면 메뉴 추천 페이지로 이동합니다.
  • 매일 그 날에 많이 먹은 음식의 순위를 3위까지 나열합니다.

홈화면2

  • 로그인 후 홈 화면입니다.
  • 로그인 전 홈 화면과 다른 점은 오른쪽 위 모서리에 있는 로그아웃과 마이페이지를 누르면, 각각 로그아웃을 하거나 마이페이지로 이동합니다.

[회원가입]

회원가입

  • 사용자 이름과 비밀번호, 비밀번호 확인을 입력 받습니다. 이들은 모두 유효성 검증을 거칩니다.
  • 중복확인 버튼을 누르면 데이터베이스에서 같은 사용자 이름이 있는지 조회합니다.
  • 유효성 검증을 모두 통과하더라도 중복확인을 하지 않으면 회원가입되지 않습니다.
  • 맨 아래에는 이미 계정이 있는 경우, 로그인 페이지로 이동할 수 있도록 합니다.

[로그인]

로그인

  • 잘못된 회원정보를 입력하면, 오류 메세지를 표시합니다.
  • 올바른 회원정보를 입력하면, 세션에 로그인 정보를 저장하고 로그인 후 홈 화면으로 이동합니다.

[추천 메뉴]

추천메뉴 - Clipchamp로 제작

  • 홈에서 감정 상태와 음식 종류를 선택 후, 추천해주세요 버튼을 눌렀을 때 나타나는 화면입니다.
  • 다시 추천 버튼을 누르면 다른 메뉴를 추천받을 수 있습니다.
  • 랜덤 선택 버튼을 누르면, 추천 메뉴 중에서 하나를 골라줍니다. 초기에는 고른 메뉴 페이지로 바로 넘어가도록 계획했으나, 사용자가 n번 눌러서 나오는 것 먹기 등과 같은 이벤트를 고려하여 선택만 하도록 했습니다.

[메뉴 정보]

메뉴정보 - Clipchamp로 제작

  • 선택한 메뉴에 대해서 레시피와 먹방 영상 링크를 제공합니다.
  • 레시피 정보를 요청하여 화면에 바로 보여주는 것도 생각했으나, 한 요리에 대한 레시피는 다양하다는 점과 응답받은 레시피의 형식이 통일되지 않는다는 점을 고려하여 만개의레시피로 연결되게 하였습니다.
  • 유튜브 영상 링크를 요청하여 embeded 형식으로 보여주려고 했으나, Gemini AI api가 특정 유튜브 영상을 제공할 수 없다는 점과 영상 선택의 다양성을 위해 유튜브로 연결되게 하였습니다.
  • 오늘 작성된 인증글을 최신순으로 볼 수 있습니다. 세션을 이용하여 글의 작성자에게만 수정과 삭제 버튼이 나타납니다. 수정 버튼을 누르면 게시글 수정 페이지로 이동하고, 삭제 버튼을 누르면 게시글이 삭제됩니다.
  • '나도 자랑할래요'를 누르면, 선택한 음식을 먹었다는 인증 글을 작성할 수 있는 페이지로 이동합니다.

[게시글 작성]

게시글작성 - Clipchamp로 제작

  • 가장 마음에 드는 음식 사진과 글로 게시글을 작성할 수 있습니다.

[게시글 수정]

게시글수정 - Clipchamp로 제작

  • 게시글의 사진과 글을 변경할 수 있습니다.
  • 만약, 변경할 사진을 업로드하지 않으면, 기존 사진이 유지되도록 했습니다.

[마이페이지]

비밀번호 변경

비밀번호 변경 - Clipchamp로 제작

  • 새로운 비밀번호는 유효성 검증을 거칩니다.
  • 새로운 비밀번호가 유효성 검증을 통과하더라도, 현재 비밀번호가 올바르지 않으면, 오류 메세지와 함께 돌아옵니다.

회원탈퇴

  • 탈퇴 의사를 한 번 더 확인 후, 회원 목록에서 삭제합니다.

내가 쓴 글

  • 로그인한 사용자가 작성한 글을 모아놓은 페이지로 이동합니다.

5. 트러블 슈팅

About

사용자로부터 기분 상태 및 추가 사항을 입력받아 AI가 음식을 추천해주는 서비스

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published