Skip to content

leemanjae02/HealingMeal-FrontEnd

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 

Repository files navigation

Healing Meal Project

GDSC Solution Challenge 2024

Member

Jinyong Hyun Inho Choi Manjae Lee bojung Kim
Backend Backend Frontend PM

Target UN-SDGs

Goal 3. Good Health and Well-Being

스크린샷 2024-02-15 오후 5 17 47

About our solution

  • Diabetes has established itself as one of the most significant diseases globally among modern people.
  • For these diabetic patients, we have planned Healing Meal. It is a service that provides customized diets and personal diet management for type 2 diabetes patients.
  • Healing Meal does not merely recommend diets; it can create a diet based on the patient's preferences through surveys.
  • It generates a reasonable diet based on the patient's various tastes and current physical information. Furthermore, it also provides the efficacy of the diet.
  • You can save and manage your preferred diet using the favorite feature.

App Demo

스크린샷 2024-02-20 오후 11 28 01 스크린샷 2024-02-20 오후 11 35 21 스크린샷 2024-02-20 오후 11 35 33 스크린샷 2024-02-20 오후 11 28 40 스크린샷 2024-02-20 오후 11 30 21 스크린샷 2024-02-20 오후 11 39 57

About Implementation

Backend

Tech Stack

  • JDK-17
  • Spring, Spring Boot
  • Spring Data JDBC & JPA
  • Spring Security, Spring Session JDBC
  • MySQL
  • Docker, Docker-compose
  • JSON Simple, JSON DATA PARSING
  • Spring Mail
  • Spring AI
  • Google Cloud Platform(compute engine, cloud sql, cloud storage, load balancer)

Frontend

Tech Stack

  • React
  • Vercel
  • mobX
  • vite
  • css module, less
  • Axios

Architecture

healingmeal_architecture

  1. The Frontend Deployment was done through the Vercel cloud platform.
  2. I create a Dockerfile to build an image of HealingMeal. And Push the image to the DockerHub.
  3. The Compute Engine, an API of Google Cloud Platform, was used to create virtual machine instances.
  4. Then, I create a docker-compose.yml file with informaion about Working Spring Boot(Cloud SQL, API-Key, Mail SMTP).
  5. Finally, I can run a command like "docker compose up -d" to start HealingMeal application container.
  6. In addition, I use Google Cloud's load balancer to manage the SSL certificate. So Everyone can access Our Service.

ERD

2024-02-23_2 22 45

Introduction Video Link

About use of LLM API

  • When the diet for user is generated, it is customized for the user with breakfast, lunch, dinner, and two snacks.
  • Additionally, If the user's diet information is sent through the API, the user can find out the efficacy of the diet by LLM.
  • if Users read this efficacy information and prefer the diet, users can save the diet as a bookmark.

About

HealingMeal-FrontEnd

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages