{"slug": "safebites-a-zero-backend-ai-meal-planner-for-my-roommate-s-allergies", "title": "SafeBites: A Zero-Backend AI Meal Planner for My Roommate's Allergies", "summary": "A developer built SafeBites, a zero-backend, client-side meal planner that generates allergy-safe recipes from a user's available ingredients using prompt engineering with the Gemini API. The static HTML, vanilla JavaScript, and Tailwind CSS app runs entirely in the browser, keeping dietary and health data off external servers, and is open-sourced for others to fork and run locally.", "body_md": "*This is a submission for the [Hacktoberfest Weekend Challenge: Build for a Friend](https://dev.to/challenges/hacktoberfest-weekend-2026-10-01)*\n\nI built **SafeBites**, a lightweight, client-side meal planner specifically for my college roommate who has strict dietary restrictions. He frequently struggles to figure out what is safe to cook using the random ingredients left in our fridge. This tool takes our current ingredient list and generates safe, custom recipes tailored exactly to his allergies, solving a daily headache for him. \n\nHere is the live, deployed web application:\n\n[https://badshahaditya57-sketch.github.io/safebites-meal-planner/](https://badshahaditya57-sketch.github.io/safebites-meal-planner/)\n\n[https://github.com/badshahaditya57-sketch/safebites-meal-planner/](https://github.com/badshahaditya57-sketch/safebites-meal-planner/)\n\nI kept the stack incredibly simple by building a zero-backend web application using static HTML, vanilla JavaScript, and Tailwind CSS. For the AI component, it utilizes prompt engineering to strictly enforce allergen exclusions via the Gemini API, executing entirely within the browser's local session.\n\nOpen innovation was critical for this build because it allowed me to design a tool that requires absolutely no backend infrastructure or databases. By keeping execution strictly client-side, it keeps my roommate's personal dietary and health data completely off external servers that we don't control. It costs us nothing to host, and anyone can fork the open-source repository to run it locally for their own family members.", "url": "https://wpnews.pro/news/safebites-a-zero-backend-ai-meal-planner-for-my-roommate-s-allergies", "canonical_source": "https://dev.to/badshahaditya57sketch/safebites-a-zero-backend-ai-meal-planner-for-my-roommates-allergies-pg5", "published_at": "2026-10-03 18:24:22+00:00", "updated_at": "2026-10-03 18:38:14.688737+00:00", "lang": "en", "topics": ["ai-products", "generative-ai", "ai-tools", "large-language-models"], "entities": ["SafeBites", "Gemini API", "GitHub", "Hacktoberfest"], "also_reported_by": [], "alternates": {"html": "https://wpnews.pro/news/safebites-a-zero-backend-ai-meal-planner-for-my-roommate-s-allergies", "markdown": "https://wpnews.pro/news/safebites-a-zero-backend-ai-meal-planner-for-my-roommate-s-allergies.md", "text": "https://wpnews.pro/news/safebites-a-zero-backend-ai-meal-planner-for-my-roommate-s-allergies.txt", "jsonld": "https://wpnews.pro/news/safebites-a-zero-backend-ai-meal-planner-for-my-roommate-s-allergies.jsonld"}}