How narngisa/web-software works
NutriTrack is a browser-based food and personal-health tracker. Users can classify food from a webcam or uploaded image and see confidence and calorie information, calculate BMI/BMR, or build a calorie and macronutrient plan for a health goal. The frontend routes these distinct workflows; an optional Express server serves the built frontend. The source excerpts show page routing, calculations, and food-data lookup. The README documents TensorFlow.js model use and server behavior, but model-loading details are not fully shown.
Main entry points: home.tsx Food classifier · Router.tsx Page router · bmi.tsx BMI and BMR · goalsPage.tsx Nutrition goals
Components 12
Web application
- React entry
client/src/main.tsx - App shell
client/src/App.tsx - Page router
client/src/routes/Router.tsx - Navigation
client/src/components/Navbar.tsx - Footer
client/src/components/Footer.tsx
Food analysis
- Food classifier
client/src/pages/home.tsx - Food model
client/public/model/model.json - Calorie reference
client/src/data/foodInfo.ts
Health planning
- BMI and BMR
client/src/pages/bmi.tsx - Nutrition goals
client/src/pages/goalsPage.tsx
Frontend hosting
- Express host
server/index.js
Other components
- User
Connections 15
- User → React entry: opens app
README.md - React entry → App shell: renders
client/src/main.tsx - App shell → Page router: renders
client/src/App.tsx - Page router → Food classifier: routes to
client/src/routes/Router.tsx - Page router → BMI and BMR: routes to
client/src/routes/Router.tsx - Page router → Nutrition goals: routes to
client/src/routes/Router.tsx - Food classifier → Navigation: renders
client/src/pages/home.tsx - Food classifier → Footer: renders
client/src/pages/home.tsx - BMI and BMR → Navigation: renders
client/src/pages/bmi.tsx - BMI and BMR → Footer: renders
client/src/pages/bmi.tsx - Nutrition goals → Navigation: renders
client/src/pages/goalsPage.tsx - Nutrition goals → Footer: renders
client/src/pages/goalsPage.tsx - Food classifier → Calorie reference: looks up calories
client/src/pages/home.tsx - Food classifier → Food model: loads for inference
README.md - User → Express host: requests hosted app
README.md