Explore Diet Master: AI-Powered Smart Nutrition Tracking AppExplore Diet Master: AI-Powered Smart Nutrition Tracking App
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Ibtisam's avatar
Ibtisam Shaheer
• 19h
Diet Master – The Future of Smart Diet Tracking (Rapid MVP Demo)
🚀 Overview Itis a modern, AI-powered nutrition and diet tracking application designed to take the friction out of healthy eating. Built under a strict 5-hour rapid prototyping challenge, this project demonstrates the ability to quickly conceptualize, design, and deploy a sleek, premium-feeling mobile web experience using Bubble.io.
💡 The Challenge The goal was to design a beautiful, modern alternative to clunky legacy diet apps in record time. For this challenge, I focused entirely on delivering a high-fidelity, interactive frontend demo. The objective was to flawlessly showcase the user journey, the core UI/UX interactions, and the app's ultimate value proposition without getting bogged down by immediate backend complexities.
✨ Key Features Showcased:
📊 Smart Dashboard: A beautifully clean daily summary featuring a visual calorie ring, macro-nutrient progress bars (Protein, Fat, Carbs), and quick-action logging buttons.
📸 AI Food Scanner Experience: A cutting-edge camera interface demonstrating how users can seamlessly log food using computer vision and intuitive UI elements.
🥗 Personalized Meal Planner: Horizontal scrollable diet categories (Keto, Balanced, Vegan) combined with rich, high-quality recipe cards and prep times.
📖 Recipe Discovery: A clean, 2-column grid layout designed for users to easily explore meals based on their dietary goals and available ingredients.
🛠️ Tech Stack & Tools:
Platform: Bubble.io (Mobile-responsive web app)
Design: Custom UI/UX focusing on modern "Card" layouts, soft drop shadows, and a fresh, healthy color palette (mint greens and crisp whites).
Workflow: AI-assisted layout generation paired with intense manual UI refinement, spacing, and styling.
🎯 My Role: Lead Developer & UI/UX Designer. I handled the end-to-end conceptualization, rapid frontend development in Bubble, typography hierarchy, and the interactive workflow logic to bring the demo to life.
project link;https://smart-app-66219.bubbleapps.io/version-test/api/1.1/mobile/preview?debug_mode=true&preview_view=START
Bubblebloomwithbubble
Post image
Post image
Ibtisam's avatar
Ibtisam Shaheer
• 19h
The name is not finalized.
Ibtisam's avatar
Ibtisam Shaheer
• 3h
Sorry for first few sec of video. was not able to export due to some storage issue and time was less. So just did this to save time instead of fixing. Otherwise i world not be able to. But yeah project is completely polished.
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started