This site is currently only available on pc & mobile
APOLOGIES FOR THE INCONVENIENCE
GrainFree
In Development
Your personal allergen-free food discovery & meal tracking app using Artificial Intelligence!

PROJECT DESCRIPTION

GrainFree is an AI-powered nutrition and meal-tracking app designed for people with celiac disease, gluten sensitivity, and other dietary restrictions. It unifies AI-generated health plans, calorie and macro tracking, allergen-aware recipe and product discovery, and a personalized dashboard—powered by real data from trusted food databases to ensure every meal and product is safe and accurate.

GrainFree simplifies allergen-safe living with a curated hub of verified recipes, packaged products, and intuitive tools to track daily nutrition. Users can explore safe foods, log meals, and receive personalized dietary guidance in a fast, modern interface backed by secure authentication and cloud-synced storage—all in one clean, reliable platform.

stack

TypeScript
JavaScript
TailwindCSS
Nextjs
Nodejs
Splidejs
Locomotive
Supabase
HTML5
Figma

PROJECT Process

1
Initial Discovery & Requirements

Defined the core problem for users with celiac disease and dietary restrictions. Mapped out essential features including meal tracking, AI-driven health plans, allergen filtering, and product discovery.

2
UX / UI Exploration

Designed the core user flows in Figma—dashboard, hub search, meal view, product details, and profile settings. Focused on accessibility, clarity, and frictionless nutrition logging.

3
API Integration & Data Modeling

Connected Spoonacular and OpenFoodFacts APIs for accurate nutrition, allergen details, macros, and product information. Added intelligent filtering + fuzzy search logic.

4
Frontend Development

Built the UI with Next.js, TypeScript, and Tailwind. Added smooth animations (Locomotive), responsive layouts, and reusable components.

5
AI Features

Integrated Groq to generate personalized dietary plans tailored to allergies, nutrition goals, and calories.

6
Optimization & Cleanup

Improved performance with server-side fetchers, caching, revalidation, Next/Image optimization, and code refactoring.

7
Testing & Iteration

Repeated testing across devices and refined UX layout for the dashboard, hub search, and product–meal linking.

outcomes / impact

AI-Personalized Nutrition

Automated health plans reduce user overwhelm and help people follow tailored nutrition goals without guesswork.

More Accessible Eating for Restricted Diets

Centralizes gluten-free, dairy-free, nut-free, and vegan options, making dietary compliance significantly easier.

Reduced Risk of Allergen Exposure

By combining meal data, product details, and database-backed allergen tags, users avoid unsafe foods more reliably.

Smarter Food Decision-Making

Users can quickly identify safe meals and grocery items using allergen-aware search and product-level data.

Scalable Foundation for Future Features

The architecture now supports barcode scanning, advanced recommendations, social features, and mobile app expansion.

project gallery

Responsive Design \ Accessibility

No Showcases Yet, Stay Tuned!
Mobile-First, Everywhere Always.