Inspiration

We wanted to make eating healthy both affordable and accessible while helping local restaurants thrive. Many nutrition apps focus only on calories or big chains β€” we wanted to empower people to support their communities while reaching their health goals.

What it does

NutriBites is a web app that recommends healthy, budget-friendly meals from local restaurants. Users can: Get AI-powered personalized meal plans based on dietary needs and budget Upload health documents for tailored nutrition insights Explore nearby restaurants on an interactive map Track how their food choices support local businesses and reduce food waste

How we built it

Frontend: React + TypeScript, Vite, Tailwind CSS, shadcn/ui, Framer Motion for animations Backend: Node.js + Express.js with TypeScript Database: PostgreSQL with Drizzle ORM AI: Google Gemini API for nutrition analysis and personalized recommendations Extras: Multer for document upload, Three.js for 3D elements, Replit integration for collaboration

Challenges we ran into

Integrating Google Gemini AI with user-uploaded PDFs for personalized health recommendations Designing a smooth experience that balances personalization, affordability, and local business support Structuring the database to handle user profiles, meal data, and community impact metrics efficiently

Accomplishments that we're proud of

Built an end-to-end platform with both frontend and backend integration in a short time frame Successfully connected Gemini AI to generate custom nutrition recommendations Created a clean, modern UI with smooth animations and intuitive navigation Developed a model that not only supports users’ health but also boosts local restaurants

What we learned

How to integrate cutting-edge AI into a full-stack web app The importance of balancing user experience with technical complexity How food tech solutions can positively impact both individual wellness and community sustainability

What's next for NutriBites

Launch a mobile app companion for on-the-go access Add social features like meal sharing and community challenges Partner directly with restaurants for in-app ordering and loyalty rewards Expand AI features for grocery meal prep integration and advanced nutrition tracking

Built With

  • drizzle-kit-(migrations)
  • drizzle-orm-ai-/-apis:-google-gemini-api-tools-&-services:-multer-(file-uploads)
  • express.js-database:-postgresql
  • framer-motion
  • javascript-frontend:-react-18
  • languages:-typescript
  • replit-integration
  • shadcn/ui
  • tailwind-css
  • three.js-backend:-node.js
  • vite
  • wouter
Share this project:

Updates