Nutrigram screenshot 1
Nutrigram screenshot 2
Nutrigram screenshot 3
Nutrigram screenshot 4
Nutrigram screenshot 5

Nutrigram

A modern nutrition tracking and meal analysis app that helps users monitor their caloric intake via scanning or manual logging, compete with friends on a leaderboard, and maintain healthy eating habits through an engaging, personalized interface.

Overview

Project Requirements

Nutrigram is a sophisticated nutrition tracking application that combines precise food logging (scan or manual entry with detailed nutrient breakdown) with social competition. The app offers an intuitive interface for tracking meals, analyzing nutritional content, categorizing meals (Breakfast, Lunch, Dinner), and engaging with friends through a leaderboard, all within a vibrant, user-friendly design that starts with a personalized onboarding process.

PROJECT SCREENSHOTS

Engaging onboarding flow: Welcome screen (Scan and Eat), Height input (cm/ft & in) for BMI calculation and customized plan.

Main dashboard: Circular progress for daily calories, macronutrient breakdown (Protein, Carbs, Sugars), and recent food History with View All option.

Scan New Item button for quick food logging.

Item Details screen: Multiple food images, Item Name input, Quantity adjustment (+/-) with unit selection (g, ml, pcs), detailed nutritional fields (Power, Sugars, Carbohydrates, Fats, Sodium, Protein, Calcium).

Alternative Item Details flow: Shows Label on images, quantity, and options to Calculate Nutrients or Re Scan Item.

Log Item pop-up for meal categorization (Breakfast, Lunch, Dinner).

Compete with Friends screen: Searchable leaderboard displaying friends (avatar, name, rank) and calorie counts.

Modern UI with pink/red accents and clear iconography.

Consistent bottom navigation (Home, History/Items, Friends, Profile).

Completed - Jul 2023

Related Projects

View Portfolio