🏆 피로그래밍 23기 최종 프로젝트
개발 기간 : 2025.07.26. - 2025.08.19.
즉석식품을 더 건강하게 먹을 수 있도록 돕는 웹서비스입니다!
직접 요리 해먹기는 부담스러운 식사, 갈수록 가공식품이 많아지고 있고 끼니를 가공식품으로 떼우는 일도 많아지고 있습니다. "가공식품을 먹는건 그렇다 쳐도 더 건강한 걸 먹는게 좋지 않을까?" 라고 하는 생각에서 탄생한 헬스턴트. 헬스턴트가 제공하는 영양 점수와 식사 관리 시스템을 통해 한 층 더 건강한 식탁을 꾸려나가요!
| 김동수 | 문가원 | 정규민 | 김민지 | 여주경 |
|---|---|---|---|---|
 @GGo-Dong |
 @cygnusA631 |
 @Gyubuk |
 @mnjese |
 @JooKyung-Yuh |
| PM / BE | FE | FE | BE | BE |
| 말안되게 헬쑥턴트 | 삐리리 헬쑥턴트 | 레츠끼끼 헬쑥턴트 | 정말 좋아 헬쑥턴트 | 헬쑥턴트 |
| 구분 | Stack |
|---|---|
| FE |     |
| BE |   |
| SERVER |       |
- 🎨 Figma
- 🗂️ ERD Cloud
- 📕 Notion
- 📝 Flow Chart
- 영양 점수가 높은 음식이 랜덤으로 롤링 배너를 통해 출력됩니다.
- 하단 네비게이션 바를 통해 식단기록, 분석하기, 상세검색, 마이페이지로 이동할 수 있습니다.
- 상단 검색 창을 클릭하면 일반검색 페이지로 이동할 수 있습니다.
| 메인화면 | 일반검색 | 식단기록 |
|---|---|---|
 |
 |
 |
| 분석하기 | 상세검색 | 마이페이지 |
|---|---|---|
 |
 |
 |
- 로그인을 하지 않아도 쓸 수 있는 일반 검색 페이지입니다. 단순히 식품 검색만을 지원합니다.
- 기본적으로 영양 점수가 높은 식품이 랜덤으로 10개 추천됩니다. 추천 페이지에서 다시 검색창을 누르면 실제 검색 페이지로 이동합니다.
- 키워드를 입력해서 식품을 검색할 수 있습니다. 검색 결과는 영양 점수가 높은 것부터 위쪽에 출력됩니다.
- 하트 버튼을 눌러 검색한 식품을 즐겨찾기에 추가하거나, 식품 카드를 눌러 식품의 상세 정보 페이지로 이동할 수 있습니다.
| 일반 검색(음식 추천) | 일반 검색 페이지 (검색 전) | 일반 검색 페이지 (검색 후) |
|---|---|---|
 |
 |
 |
- 사용자가 먹은 가공식품을 기록할 수 있습니다.
- '오늘의 식사 추가하기' 또는 '+새 식사' 를 눌러 식품을 검색하러 이동할 수 있습니다.
- 식품을 검색하기 전에 앞서 최근에 먹은 식품을 등록할 수 있게 표시해줍니다.
- 식품을 검색하여 찾은 뒤 등록할 수 있습니다.
| 식사 기록 | 식품 검색 전 | 식품 검색 후 | 음식 선택 후 |
|---|---|---|---|
 |
 |
 |
 |
- 식사 등록 페이지에서 사용자가 등록한 식사를 바탕으로 식사 패턴 및 영양 섭취에 대한 분석을 제공합니다.
- 분석 시작 날짜와 분석 끝 날짜를 선택하여 분석할 수 있습니다.
- "1. 식사 분석", "2. 영양 섭취 분석", "3. 2020 한국인 영양소 섭취 기준과 비교" 를 제공합니다.
- "1. 식사 분석" 탭 에서 "더 자세하게 식사 분석하기" 를 클릭하면 식사 패턴에 대해 더 자세한 분석을 확인할 수 있습니다.
- "2. 영양 섭취 분석" 탭에서 "더 다양한 영양소에 대한 통계치 보러가기" 를 클릭하면 상세 영양소의 섭취량 통계를 확인할 수 있습니다.
| 분석 날짜 선택 | 식사 분석 탭 | 영양 섭취 분석 탭 | 2020 한국인 영양소 섭취 기준 탭 (1) |
|---|---|---|---|
 |
 |
 |
 |
| 2020 한국인 영양소 섭취 기준 탭 (2) | 더 자세하게 식사 분석하기 (1) | 더 자세하게 식사 분석하기 (2) | 더 자세하게 식사 분석하기 (3) |
|---|---|---|---|
 |
 |
 |
 |
| 더 다양한 영양소에 대한 통계치 보러가기 (1) | 더 다양한 영양소에 대한 통계치 보러가기 (2) | 더 다양한 영양소에 대한 통계치 보러가기 (3) | 더 다양한 영양소에 대한 통계치 보러가기 (4) |
|---|---|---|---|
 |
 |
 |
 |
- 로그인을 해야만 사용할 수 있는 검색 기능입니다.
- 기본적으로 사용자가 부족하거나 과다하게 섭취 중인 영양소를 기준으로 음식을 선별하여 추천합니다.
- 키워드를 입력해서 식품을 검색할 수 있습니다. 검색 결과는 영양 점수가 높은 것부터 위쪽에 출력됩니다.
- 하트 버튼을 눌러 검색한 식품을 즐겨찾기에 추가하거나, 식품 카드를 눌러 식품의 상세 정보 페이지로 이동할 수 있습니다.
- 현재 검색 결과를 유지하면서 정렬 기준을 바꿀 수 있습니다.
- 현재 검색 결과를 유지하면서 영양소 범위를 설정하여 필터링 할 수 있습니다. ( ex | 열량이 100kcal ~ 200kcal 이면서 탄수화물 100g ~ 200g 사이의 음식만 필터링 )
| 상세 검색(음식 추천) | 상세 검색 페이지 | 정렬 기준 | 영양소 범위 설정 |
|---|---|---|---|
 |
 |
 |
 |
- 사용자에 관련된 정보를 다루는 페이지입니다.
- '수정하기' 버튼을 눌러 프로필 정보를 수정할 수 있습니다.
- '즐겨찾는 제품' 배너를 눌러 즐겨찾기로 등록한 식품들을 확인할 수 있습니다.
- 로그아웃 / 회원탈퇴를 진행할 수 있습니다.
| 마이페이지 | 프로필 수정 | 즐겨찾는 제품 | 로그아웃/회원탈퇴 후 |
|---|---|---|---|
 |
 |
 |
 |