Shé - TCM Food Recommendation

3rd August 2026
3 min read

Project Overview

A webapp that can scan your tongue and give you a personalized diet plan. The webapp uses the camera to scan your tongue and then uses Gemini Flash to analyze the tongue and give you a personalized diet plan.

Project Gallery

Login screen

Login

The login screen, where the user can log in with their email and password or just use Google.

Onboarding screen 1

Onboarding screen 1

Part 1 of the onboarding screen, where the user can give info of their eating habits and goals.

Onboarding screen 2

Onboarding screen 2

Part 2 of the onboarding screen, where the user can give info of their health and goals.

Onboarding screen 3

Onboarding screen 3

Part 3 of the onboarding screen, where the user can give info of their health and goals.

Onboarding screen 4

Onboarding screen 4

Part 4 of the onboarding screen, where the user can give info of their health and goals.

Onboarding screen 5

Onboarding screen 5

Part 5 of the onboarding screen, where the user can give info of their health and goals.

Tongue scan screen

Tongue scan

The tongue scan screen, where the user can take a picture of their tongue and scan it to see the analysis.

Analysis screen

Analysis

The analysis screen, where the user can see the progress of the analysis of their tongue and the personalized diet plan.

Home screen

Home

The home screen, where the user can see the brief of the day.

Home screen 2

Home screen 2

Part 2 of the home screen, where the user can see the brief of the day.

Brief screen 1

Brief screen 1

The brief screen, where the user can see the brief their tongue analysis.

Brief screen 2

Brief screen 2

The brief screen, where the user can see the brief their tongue analysis.

Brief screen 3

Brief screen 3

The brief screen, where the user can see the brief their tongue analysis.

Brief screen 4

Brief screen 4

The brief screen, where the user can see the brief their tongue analysis.

Journey screen

Journey

The journey screen, where the user can see the journey of their scans and view their patterns and timeline.

Ask screen 1

Ask screen 1

The AI coach screen, where the user can ask the AI coach a question about their tongue analysis.

Ask screen 2

Ask screen 2

The AI coach screen, where the user can ask the AI coach a question about their tongue analysis.

Tech Stack, Tools & Features

frontend

  • Vite
  • React

backend

  • Node.js
  • Supabase

features

  • Tongue scanning
  • Personalized diet plan
  • Tongue analysis
  • AI assistant

Final Thoughts

We first wanted to make this a React Native Expo app, but we quickly realized that we would have more accessibility with a webapp. This was a really interesting project to work on since I didn't know that an AI could see so much detail in a tongue scan. The project isn't finished so it's not available.