<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Kaushal Tukadiya</title>
    <description>The latest articles on DEV Community by Kaushal Tukadiya (@kaushal_tukadiya).</description>
    <link>https://dev.to/kaushal_tukadiya</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4154645%2Febe13b05-db75-48e3-9e4d-10659f62638c.jpg</url>
      <title>DEV Community: Kaushal Tukadiya</title>
      <link>https://dev.to/kaushal_tukadiya</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/kaushal_tukadiya"/>
    <language>en</language>
    <item>
      <title>RoomieBites 2.0</title>
      <dc:creator>Kaushal Tukadiya</dc:creator>
      <pubDate>Mon, 26 Oct 2026 10:23:39 +0000</pubDate>
      <link>https://dev.to/kaushal_tukadiya/roomiebites-20-1nk</link>
      <guid>https://dev.to/kaushal_tukadiya/roomiebites-20-1nk</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/hacktoberfest-weekend-2026-10-01"&gt;Hacktoberfest Weekend Challenge: Build for a Friend&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

&lt;h1&gt;
  
  
  🥑 RoomieBites - Allergy-Safe Roommate Meal Planner
&lt;/h1&gt;

&lt;blockquote&gt;
&lt;p&gt;A simple, privacy-first meal planner and shopping list generator designed to keep track of your roommates' food allergies and dietary preferences, suggest guaranteed safe meals, schedule 7-day weekly calendars, and automatically organize grocery lists by aisle.&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;Living with roommates is one of the best parts of university and young adulthood—until it comes time to answer the age-old question: &lt;em&gt;"What are we having for dinner?"&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;I built &lt;strong&gt;RoomieBites&lt;/strong&gt; for my roommate &lt;strong&gt;Alex&lt;/strong&gt; (and our apartment circle). Alex lives with severe peanut and tree nut allergies alongside celiac disease (strict gluten intolerance). In a shared living space, planning communal dinners or even keeping shared pantry staples safe can be stressful. One accidental dash of ordinary soy sauce or cross-contaminated sauce can turn dinner into a medical emergency. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;RoomieBites&lt;/strong&gt; solves this by turning allergy safety into an effortless, collaborative experience:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Roommate Allergy Guard&lt;/strong&gt;: Tracks each roommate's specific allergies (Peanuts, Tree Nuts, Gluten, Dairy, Shellfish, Eggs, Soy, etc.), dietary lifestyle (Vegetarian, Vegan, Halal, High-Protein), and personal dislikes.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Whole Household Safety Mode&lt;/strong&gt;: A single filter that computes the intersection of everyone's dietary restrictions, guaranteeing that any meal chosen is 100% safe for everyone at the table.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Automated Safe 7-Day Planner&lt;/strong&gt;: A 1-click "Auto-Fill Safe Week" generator that creates a balanced weekly menu (Breakfast, Lunch, Dinner, Snack) with zero allergen conflicts.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Smart Aisle-Organized Grocery List&lt;/strong&gt;: Collects ingredients from planned meals, aggregates quantities, groups items by supermarket aisles (&lt;em&gt;Produce&lt;/em&gt;, &lt;em&gt;Dairy &amp;amp; Substitutes&lt;/em&gt;, &lt;em&gt;Meat &amp;amp; Protein&lt;/em&gt;, &lt;em&gt;Grains &amp;amp; Bakery&lt;/em&gt;, &lt;em&gt;Pantry&lt;/em&gt;), and provides interactive store checkboxes.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Allergen Alert Shield&lt;/strong&gt;: If someone tries to manually schedule a recipe containing an allergen, an active warning alert warns the user before it gets scheduled.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;p&gt;RoomieBites runs completely client-side with zero build steps or complex dependencies required. &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Live Local Demo :&lt;/strong&gt; Open [&lt;a href="https://kaushaltukadiya-creator.github.io/RoomieBites/" rel="noopener noreferrer"&gt;https://kaushaltukadiya-creator.github.io/RoomieBites/&lt;/a&gt;] in amy mordern browser.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Quick Preview &amp;amp; Walkthrough:
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Household Safety Status&lt;/strong&gt;: The top banner dynamically updates to reflect who is being protected (e.g., &lt;em&gt;Protecting Alex: ⚠️ Avoids Peanuts, Tree Nuts, Gluten&lt;/em&gt;).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Weekly Meal Calendar&lt;/strong&gt;: Displays Monday through Sunday across 4 daily slots. Click &lt;strong&gt;"✨ Auto-Fill Safe Week"&lt;/strong&gt; to instantly generate an allergen-free week.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Safe Meal Suggestions&lt;/strong&gt;: Browse cards tagged with 🟢 &lt;strong&gt;Safe for Roomie&lt;/strong&gt; or 🔴 &lt;strong&gt;Contains [Allergen]&lt;/strong&gt; warning banners. Filter by cooking time (&amp;lt; 20 mins), diet, or category.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Smart Grocery Shopping List&lt;/strong&gt;: View aggregated ingredients categorized by aisle. Check off items in the store, add custom extra items (e.g. oat milk, coffee), and click &lt;strong&gt;"📋 Copy to Clipboard"&lt;/strong&gt; or &lt;strong&gt;"🖨️ Print / Save PDF"&lt;/strong&gt;.&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Running Locally:
&lt;/h3&gt;

&lt;p&gt;Clone the repository and open &lt;code&gt;index.html&lt;/code&gt; directly in any web browser:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;git clone https://github.com/KaushalTukadiya-Creator/RoomieBites.git
&lt;span class="nb"&gt;cd &lt;/span&gt;RoomieBites

&lt;span class="c"&gt;# On Windows PowerShell:&lt;/span&gt;
Start-Process &lt;span class="s2"&gt;"index.html"&lt;/span&gt;

&lt;span class="c"&gt;# On macOS:&lt;/span&gt;
open index.html

&lt;span class="c"&gt;# On Linux:&lt;/span&gt;
xdg-open index.html
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Code
&lt;/h2&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://assets.dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/KaushalTukadiya-Creator" rel="noopener noreferrer"&gt;
        KaushalTukadiya-Creator
      &lt;/a&gt; / &lt;a href="https://github.com/KaushalTukadiya-Creator/RoomieBites" rel="noopener noreferrer"&gt;
        RoomieBites
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/hacktoberfest-weekend-2026-10-01" rel="nofollow"&gt;Hacktoberfest Weekend Challenge: Build for a Friend&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;🥑 RoomieBites - Allergy-Safe Roommate Meal Planner&lt;/h1&gt;
&lt;/div&gt;

&lt;blockquote&gt;
&lt;p&gt;A simple, privacy-first meal planner and shopping list generator designed to keep track of your roommates' food allergies and dietary preferences, suggest guaranteed safe meals, schedule 7-day weekly calendars, and automatically organize grocery lists by aisle.&lt;/p&gt;
&lt;/blockquote&gt;




&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;What I Built&lt;/h2&gt;
&lt;/div&gt;

&lt;p&gt;Living with roommates is one of the best parts of university and young adulthood—until it comes time to answer the age-old question: &lt;em&gt;"What are we having for dinner?"&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;I built &lt;strong&gt;RoomieBites&lt;/strong&gt; for my roommate &lt;strong&gt;Alex&lt;/strong&gt; (and our apartment circle). Alex lives with severe peanut and tree nut allergies alongside celiac disease (strict gluten intolerance). In a shared living space, planning communal dinners or even keeping shared pantry staples safe can be stressful. One accidental dash of ordinary soy sauce or cross-contaminated sauce can turn dinner into a medical emergency.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;RoomieBites&lt;/strong&gt; solves…&lt;/p&gt;&lt;/div&gt;


&lt;/div&gt;
&lt;br&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/KaushalTukadiya-Creator/RoomieBites" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;br&gt;
&lt;/div&gt;
&lt;br&gt;


&lt;p&gt;🔗 &lt;strong&gt;GitHub Repository&lt;/strong&gt;: &lt;a href="https://github.com/KaushalTukadiya-Creator/RoomieBites" rel="noopener noreferrer"&gt;https://github.com/KaushalTukadiya-Creator/RoomieBites&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The project is built cleanly with zero bloat, emphasizing maximum performance, responsive accessibility, and zero-setup deployment.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Frontend Core&lt;/strong&gt;: Semantic HTML5 with tabbed views, modal dialogs, and ARIA attributes for screen-reader accessibility.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Styling&lt;/strong&gt;: Tailored Vanilla CSS with glassmorphism, responsive grid/flexbox layouts, modern typography (&lt;em&gt;Outfit&lt;/em&gt; &amp;amp; &lt;em&gt;Plus Jakarta Sans&lt;/em&gt;), and dedicated &lt;code&gt;@media print&lt;/code&gt; styling for paper or PDF grocery sheets.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Engine Logic (&lt;code&gt;app.js&lt;/code&gt;)&lt;/strong&gt;:

&lt;ul&gt;
&lt;li&gt;Deterministic allergen conflict detection engine.&lt;/li&gt;
&lt;li&gt;Multi-profile state manager with &lt;code&gt;localStorage&lt;/code&gt; persistence.&lt;/li&gt;
&lt;li&gt;Dynamic shopping list aggregator that extracts and categorizes ingredients from planned recipes.&lt;/li&gt;
&lt;li&gt;Clipboard export and toast notification system.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  How I Built It
&lt;/h2&gt;

&lt;p&gt;RoomieBites was architected and pair-programmed collaboratively with &lt;strong&gt;Google Antigravity&lt;/strong&gt; using an agentic coding workflow:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Safety-First Engine Architecture&lt;/strong&gt;: We designed a strict allergen validation model where recipes must pass a comprehensive checklist against all active roommate constraints before being recommended.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Privacy-Centric Client-Side Execution&lt;/strong&gt;: Many people are hesitant to enter sensitive medical and dietary data into third-party servers. RoomieBites is architected entirely on local browser state (&lt;code&gt;localStorage&lt;/code&gt;), ensuring private health data never leaves the user's machine without explicit consent.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Iterative UX &amp;amp; Micro-Interactions&lt;/strong&gt;: We iteratively refined the design system—incorporating high-contrast safety badges, intuitive modal workflows, responsive calendar viewports, and one-click clipboard formatting for WhatsApp/iMessage group texts.&lt;/li&gt;
&lt;/ol&gt;




&lt;h2&gt;
  
  
  Why Does Open Innovation Matter?
&lt;/h2&gt;

&lt;p&gt;Food allergies affect more than &lt;strong&gt;32 million Americans&lt;/strong&gt; and hundreds of millions worldwide. Navigating dietary restrictions should not require expensive, ad-riddled proprietary meal apps with locked paywalls and data monetization.&lt;/p&gt;

&lt;p&gt;Open innovation matters because:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Safety is Universal&lt;/strong&gt;: Open-source tools allow anyone—students in dorms, multi-generational families, or community kitchens—to adapt, fork, and tailor meal planning algorithms to rare allergies or regional ingredients.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Radical Transparency&lt;/strong&gt;: When dealing with anaphylactic allergies or celiac disease, opaque algorithms and hidden sponsored recipe promotions can be dangerous. An open codebase means the allergy verification logic is clear, auditable, and trustworthy.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Zero Lock-In &amp;amp; Portability&lt;/strong&gt;: Open innovation guarantees that people retain full control over their recipes, profiles, and grocery workflows forever.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  My Agent Session
&lt;/h2&gt;

&lt;p&gt;This project was developed through an interactive human-in-the-loop pair programming session using the &lt;strong&gt;Antigravity IDE&lt;/strong&gt;:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Refined form requirements and accessibility guidelines.&lt;/li&gt;
&lt;li&gt;Iterated on fintech UI aesthetics (converting a basic table into a modern dashboard with ambient glows, icon wrappers, and category pills).&lt;/li&gt;
&lt;li&gt;Audited input validation and LocalStorage serialization.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Prize Categories
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Build for a Friend&lt;/strong&gt;: Dedicated to my roommate Alex, transforming stressful shared-kitchen meal planning into a safe, joyful everyday routine.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;em&gt;Thank you to the DEV Community and the Hacktoberfest team for fostering open-source innovation!&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  📄 License
&lt;/h2&gt;

&lt;p&gt;This project is open-source and free to use for educational purposes under the &lt;a href="https://opensource.org/licenses/MIT" rel="noopener noreferrer"&gt;MIT License&lt;/a&gt;. &lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>hf26challenge</category>
    </item>
    <item>
      <title>RoomieBites 3.0</title>
      <dc:creator>Kaushal Tukadiya</dc:creator>
      <pubDate>Mon, 26 Oct 2026 10:13:17 +0000</pubDate>
      <link>https://dev.to/kaushal_tukadiya/juggad-58jb</link>
      <guid>https://dev.to/kaushal_tukadiya/juggad-58jb</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/hacktoberfest-weekend-2026-10-01"&gt;Hacktoberfest Weekend Challenge: Build for a Friend&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

&lt;h1&gt;
  
  
  🥑 RoomieBites - Allergy-Safe Roommate Meal Planner
&lt;/h1&gt;

&lt;blockquote&gt;
&lt;p&gt;A simple, privacy-first meal planner and shopping list generator designed to keep track of your roommates' food allergies and dietary preferences, suggest guaranteed safe meals, schedule 7-day weekly calendars, and automatically organize grocery lists by aisle.&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;Living with roommates is one of the best parts of university and young adulthood—until it comes time to answer the age-old question: &lt;em&gt;"What are we having for dinner?"&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;I built &lt;strong&gt;RoomieBites&lt;/strong&gt; for my roommate &lt;strong&gt;Alex&lt;/strong&gt; (and our apartment circle). Alex lives with severe peanut and tree nut allergies alongside celiac disease (strict gluten intolerance). In a shared living space, planning communal dinners or even keeping shared pantry staples safe can be stressful. One accidental dash of ordinary soy sauce or cross-contaminated sauce can turn dinner into a medical emergency. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;RoomieBites&lt;/strong&gt; solves this by turning allergy safety into an effortless, collaborative experience:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Roommate Allergy Guard&lt;/strong&gt;: Tracks each roommate's specific allergies (Peanuts, Tree Nuts, Gluten, Dairy, Shellfish, Eggs, Soy, etc.), dietary lifestyle (Vegetarian, Vegan, Halal, High-Protein), and personal dislikes.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Whole Household Safety Mode&lt;/strong&gt;: A single filter that computes the intersection of everyone's dietary restrictions, guaranteeing that any meal chosen is 100% safe for everyone at the table.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Automated Safe 7-Day Planner&lt;/strong&gt;: A 1-click "Auto-Fill Safe Week" generator that creates a balanced weekly menu (Breakfast, Lunch, Dinner, Snack) with zero allergen conflicts.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Smart Aisle-Organized Grocery List&lt;/strong&gt;: Collects ingredients from planned meals, aggregates quantities, groups items by supermarket aisles (&lt;em&gt;Produce&lt;/em&gt;, &lt;em&gt;Dairy &amp;amp; Substitutes&lt;/em&gt;, &lt;em&gt;Meat &amp;amp; Protein&lt;/em&gt;, &lt;em&gt;Grains &amp;amp; Bakery&lt;/em&gt;, &lt;em&gt;Pantry&lt;/em&gt;), and provides interactive store checkboxes.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Allergen Alert Shield&lt;/strong&gt;: If someone tries to manually schedule a recipe containing an allergen, an active warning alert warns the user before it gets scheduled.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;p&gt;RoomieBites runs completely client-side with zero build steps or complex dependencies required. &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Live Local Demo :&lt;/strong&gt; Open [&lt;a href="https://kaushaltukadiya-creator.github.io/RoomieBites/" rel="noopener noreferrer"&gt;https://kaushaltukadiya-creator.github.io/RoomieBites/&lt;/a&gt;] in amy mordern browser.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Quick Preview &amp;amp; Walkthrough:
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Household Safety Status&lt;/strong&gt;: The top banner dynamically updates to reflect who is being protected (e.g., &lt;em&gt;Protecting Alex: ⚠️ Avoids Peanuts, Tree Nuts, Gluten&lt;/em&gt;).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Weekly Meal Calendar&lt;/strong&gt;: Displays Monday through Sunday across 4 daily slots. Click &lt;strong&gt;"✨ Auto-Fill Safe Week"&lt;/strong&gt; to instantly generate an allergen-free week.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Safe Meal Suggestions&lt;/strong&gt;: Browse cards tagged with 🟢 &lt;strong&gt;Safe for Roomie&lt;/strong&gt; or 🔴 &lt;strong&gt;Contains [Allergen]&lt;/strong&gt; warning banners. Filter by cooking time (&amp;lt; 20 mins), diet, or category.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Smart Grocery Shopping List&lt;/strong&gt;: View aggregated ingredients categorized by aisle. Check off items in the store, add custom extra items (e.g. oat milk, coffee), and click &lt;strong&gt;"📋 Copy to Clipboard"&lt;/strong&gt; or &lt;strong&gt;"🖨️ Print / Save PDF"&lt;/strong&gt;.&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Running Locally:
&lt;/h3&gt;

&lt;p&gt;Clone the repository and open &lt;code&gt;index.html&lt;/code&gt; directly in any web browser:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;git clone https://github.com/KaushalTukadiya-Creator/RoomieBites.git
&lt;span class="nb"&gt;cd &lt;/span&gt;RoomieBites

&lt;span class="c"&gt;# On Windows PowerShell:&lt;/span&gt;
Start-Process &lt;span class="s2"&gt;"index.html"&lt;/span&gt;

&lt;span class="c"&gt;# On macOS:&lt;/span&gt;
open index.html

&lt;span class="c"&gt;# On Linux:&lt;/span&gt;
xdg-open index.html
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Code
&lt;/h2&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://assets.dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/KaushalTukadiya-Creator" rel="noopener noreferrer"&gt;
        KaushalTukadiya-Creator
      &lt;/a&gt; / &lt;a href="https://github.com/KaushalTukadiya-Creator/RoomieBites" rel="noopener noreferrer"&gt;
        RoomieBites
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/hacktoberfest-weekend-2026-10-01" rel="nofollow"&gt;Hacktoberfest Weekend Challenge: Build for a Friend&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;🥑 RoomieBites - Allergy-Safe Roommate Meal Planner&lt;/h1&gt;
&lt;/div&gt;

&lt;blockquote&gt;
&lt;p&gt;A simple, privacy-first meal planner and shopping list generator designed to keep track of your roommates' food allergies and dietary preferences, suggest guaranteed safe meals, schedule 7-day weekly calendars, and automatically organize grocery lists by aisle.&lt;/p&gt;
&lt;/blockquote&gt;




&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;What I Built&lt;/h2&gt;
&lt;/div&gt;

&lt;p&gt;Living with roommates is one of the best parts of university and young adulthood—until it comes time to answer the age-old question: &lt;em&gt;"What are we having for dinner?"&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;I built &lt;strong&gt;RoomieBites&lt;/strong&gt; for my roommate &lt;strong&gt;Alex&lt;/strong&gt; (and our apartment circle). Alex lives with severe peanut and tree nut allergies alongside celiac disease (strict gluten intolerance). In a shared living space, planning communal dinners or even keeping shared pantry staples safe can be stressful. One accidental dash of ordinary soy sauce or cross-contaminated sauce can turn dinner into a medical emergency.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;RoomieBites&lt;/strong&gt; solves…&lt;/p&gt;&lt;/div&gt;


&lt;/div&gt;
&lt;br&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/KaushalTukadiya-Creator/RoomieBites" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;br&gt;
&lt;/div&gt;
&lt;br&gt;


&lt;p&gt;🔗 &lt;strong&gt;GitHub Repository&lt;/strong&gt;: &lt;a href="https://github.com/KaushalTukadiya-Creator/RoomieBites" rel="noopener noreferrer"&gt;https://github.com/KaushalTukadiya-Creator/RoomieBites&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The project is built cleanly with zero bloat, emphasizing maximum performance, responsive accessibility, and zero-setup deployment.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Frontend Core&lt;/strong&gt;: Semantic HTML5 with tabbed views, modal dialogs, and ARIA attributes for screen-reader accessibility.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Styling&lt;/strong&gt;: Tailored Vanilla CSS with glassmorphism, responsive grid/flexbox layouts, modern typography (&lt;em&gt;Outfit&lt;/em&gt; &amp;amp; &lt;em&gt;Plus Jakarta Sans&lt;/em&gt;), and dedicated &lt;code&gt;@media print&lt;/code&gt; styling for paper or PDF grocery sheets.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Engine Logic (&lt;code&gt;app.js&lt;/code&gt;)&lt;/strong&gt;:

&lt;ul&gt;
&lt;li&gt;Deterministic allergen conflict detection engine.&lt;/li&gt;
&lt;li&gt;Multi-profile state manager with &lt;code&gt;localStorage&lt;/code&gt; persistence.&lt;/li&gt;
&lt;li&gt;Dynamic shopping list aggregator that extracts and categorizes ingredients from planned recipes.&lt;/li&gt;
&lt;li&gt;Clipboard export and toast notification system.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  How I Built It
&lt;/h2&gt;

&lt;p&gt;RoomieBites was architected and pair-programmed collaboratively with &lt;strong&gt;Google Antigravity&lt;/strong&gt; using an agentic coding workflow:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Safety-First Engine Architecture&lt;/strong&gt;: We designed a strict allergen validation model where recipes must pass a comprehensive checklist against all active roommate constraints before being recommended.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Privacy-Centric Client-Side Execution&lt;/strong&gt;: Many people are hesitant to enter sensitive medical and dietary data into third-party servers. RoomieBites is architected entirely on local browser state (&lt;code&gt;localStorage&lt;/code&gt;), ensuring private health data never leaves the user's machine without explicit consent.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Iterative UX &amp;amp; Micro-Interactions&lt;/strong&gt;: We iteratively refined the design system—incorporating high-contrast safety badges, intuitive modal workflows, responsive calendar viewports, and one-click clipboard formatting for WhatsApp/iMessage group texts.&lt;/li&gt;
&lt;/ol&gt;




&lt;h2&gt;
  
  
  Why Does Open Innovation Matter?
&lt;/h2&gt;

&lt;p&gt;Food allergies affect more than &lt;strong&gt;32 million Americans&lt;/strong&gt; and hundreds of millions worldwide. Navigating dietary restrictions should not require expensive, ad-riddled proprietary meal apps with locked paywalls and data monetization.&lt;/p&gt;

&lt;p&gt;Open innovation matters because:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Safety is Universal&lt;/strong&gt;: Open-source tools allow anyone—students in dorms, multi-generational families, or community kitchens—to adapt, fork, and tailor meal planning algorithms to rare allergies or regional ingredients.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Radical Transparency&lt;/strong&gt;: When dealing with anaphylactic allergies or celiac disease, opaque algorithms and hidden sponsored recipe promotions can be dangerous. An open codebase means the allergy verification logic is clear, auditable, and trustworthy.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Zero Lock-In &amp;amp; Portability&lt;/strong&gt;: Open innovation guarantees that people retain full control over their recipes, profiles, and grocery workflows forever.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  My Agent Session
&lt;/h2&gt;

&lt;p&gt;This project was developed through an interactive human-in-the-loop pair programming session using the &lt;strong&gt;Antigravity IDE&lt;/strong&gt;:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Refined form requirements and accessibility guidelines.&lt;/li&gt;
&lt;li&gt;Iterated on fintech UI aesthetics (converting a basic table into a modern dashboard with ambient glows, icon wrappers, and category pills).&lt;/li&gt;
&lt;li&gt;Audited input validation and LocalStorage serialization.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Prize Categories
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Build for a Friend&lt;/strong&gt;: Dedicated to my roommate Alex, transforming stressful shared-kitchen meal planning into a safe, joyful everyday routine.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;em&gt;Thank you to the DEV Community and the Hacktoberfest team for fostering open-source innovation!&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  📄 License
&lt;/h2&gt;

&lt;p&gt;This project is open-source and free to use for educational purposes under the &lt;a href="https://opensource.org/licenses/MIT" rel="noopener noreferrer"&gt;MIT License&lt;/a&gt;. &lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>hf26challenge</category>
    </item>
    <item>
      <title>Nature Explore AI</title>
      <dc:creator>Kaushal Tukadiya</dc:creator>
      <pubDate>Fri, 09 Oct 2026 20:01:13 +0000</pubDate>
      <link>https://dev.to/kaushal_tukadiya/nature-explore-ai-2nfl</link>
      <guid>https://dev.to/kaushal_tukadiya/nature-explore-ai-2nfl</guid>
      <description>&lt;h1&gt;
  
  
  Nature Explorer AI 🌿
&lt;/h1&gt;

&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/hacktoberfest-week1-2026-10-05"&gt;Hacktoberfest Open-Source AI Challenge Week 1: Touch Grass&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Nature Explorer AI&lt;/strong&gt; is an open-source, full-stack web application designed to counter digital screen fatigue by turning outdoor exploration into an engaging, educational adventure.&lt;/p&gt;

&lt;p&gt;Instead of keeping users tethered to their desks or doom-scrolling feeds, Nature Explorer AI acts as an intentional, lightweight field companion. When you step outside into a city park, hiking trail, forest reserve, or your own backyard, you can snap photographs of birds, native wildflowers, trees, and insects. The app leverages &lt;strong&gt;open-weight vision models&lt;/strong&gt; to identify species, teach ecological context, highlight distinguishing characteristics, and recommend safe, hands-on outdoor activities.&lt;/p&gt;

&lt;h3&gt;
  
  
  Key Capabilities:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;🦅 &lt;strong&gt;Open-Weight AI Vision Identification:&lt;/strong&gt; Instant classification for birds, plants, insects, and other wildlife using open-weight Vision Transformers, paired with confidence indicators and ecological disclaimers.&lt;/li&gt;
&lt;li&gt;📖 &lt;strong&gt;Personal Discovery Journal:&lt;/strong&gt; A 100% private field notebook stored locally in your browser (&lt;code&gt;localStorage&lt;/code&gt;) with thumbnail downscaling, keyword search, kingdom filtering (Birds, Plants, Insects, All), and detail inspection.&lt;/li&gt;
&lt;li&gt;🌲 &lt;strong&gt;Touch Grass Outdoor Quests:&lt;/strong&gt; 8 curated, screen-free micro-challenges—such as mapping natural soundscapes, finding five distinct leaf shapes, or practicing 15 minutes of uninterrupted forest bathing—complete with local progress tracking and a &lt;strong&gt;"Surprise Me!"&lt;/strong&gt; random adventure generator.&lt;/li&gt;
&lt;li&gt;🎨 &lt;strong&gt;Sensory Nature Design:&lt;/strong&gt; An organic palette of deep forest greens, soothing sage, and warm parchment cream tones built with Tailwind CSS, custom typography, and accessible UI components.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Who It Is For:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Anyone experiencing screen burnout who wants a fun reason to step outside and &lt;strong&gt;touch grass&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Amateur naturalists, hikers, and weekend explorers wanting to learn about local biodiversity.&lt;/li&gt;
&lt;li&gt;Students, families, and educators looking for an open-source, privacy-first field guide.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Live Local App:&lt;/strong&gt; &lt;a href="http://localhost:5173" rel="noopener noreferrer"&gt;http://localhost:5173&lt;/a&gt; (Frontend) &amp;amp; &lt;a href="http://localhost:3001" rel="noopener noreferrer"&gt;http://localhost:3001&lt;/a&gt; (API Server)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Health Check Status:&lt;/strong&gt; &lt;a href="http://localhost:3001/api/health" rel="noopener noreferrer"&gt;http://localhost:3001/api/health&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Visual Walkthrough
&lt;/h3&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Home &amp;amp; Exploration Hero&lt;/th&gt;
&lt;th&gt;Species Identification Result&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;em&gt;Step Outside. Discover More Hero with biodiversity highlights&lt;/em&gt;&lt;/td&gt;
&lt;td&gt;&lt;em&gt;European Robin match with distinguishing traits &amp;amp; confidence&lt;/em&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;My Nature Field Journal&lt;/th&gt;
&lt;th&gt;Touch Grass Outdoor Quests&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;em&gt;Filterable, searchable local discoveries grid&lt;/em&gt;&lt;/td&gt;
&lt;td&gt;&lt;em&gt;Interactive quest cards, progress bar &amp;amp; Surprise Me modal&lt;/em&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;




&lt;h2&gt;
  
  
  Code
&lt;/h2&gt;

&lt;p&gt;The complete source code is organized into a clean, modular full-stack architecture:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Repository:&lt;/strong&gt; &lt;a href="https://github.com/KaushalTukadiya-Creator/Nature-Explore-AI" rel="noopener noreferrer"&gt;https://github.com/KaushalTukadiya-Creator/Nature-Explore-AI&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;License:&lt;/strong&gt; &lt;a href="https://dev.toLICENSE"&gt;MIT License&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Repository Architecture
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;nature-explorer-ai/
├── public/                     # Favicons, vector logos, and imagery
├── src/
│   ├── components/
│   │   ├── layout/             # Navbar, Footer, PageLayout
│   │   ├── home/               # HeroSection, FeatureCards, NatureStats
│   │   ├── explorer/           # ImageUploader, ImagePreview, IdentificationResult, ConfidenceIndicator, ExplorationTips
│   │   ├── journal/            # JournalCard, EmptyJournal
│   │   └── ui/                 # Button, Card, Badge, Dialog, Toast
│   ├── pages/                  # HomePage, ExplorerPage, JournalPage, ActivitiesPage, AboutPage, NotFoundPage
│   ├── hooks/                  # useLocalStorage, useIdentification
│   ├── services/               # aiService, journalService, activityService
│   ├── types/                  # nature.ts, journal.ts, api.ts
│   ├── lib/                    # utils.ts, validation.ts
│   ├── __tests__/              # Automated test suite (Vitest + JSDOM)
│   ├── App.tsx
│   ├── main.tsx
│   └── index.css
├── server/
│   ├── src/
│   │   ├── routes/             # identification.ts (GET /api/health, POST /api/identify)
│   │   ├── services/           # modelService.ts (Provider Abstraction)
│   │   ├── middleware/         # errorHandler.ts
│   │   ├── types/              # index.d.ts
│   │   ├── app.ts
│   │   └── index.ts
│   ├── package.json
│   └── tsconfig.json
├── package.json
├── vite.config.ts
├── tailwind.config.ts
└── README.md
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  How I Built It
&lt;/h2&gt;

&lt;h3&gt;
  
  
  1. Open-Source AI Architecture
&lt;/h3&gt;

&lt;p&gt;The backend (&lt;code&gt;server/src/services/modelService.ts&lt;/code&gt;) implements a clean &lt;strong&gt;Model Provider Abstraction&lt;/strong&gt; (&lt;code&gt;IModelProvider&lt;/code&gt;) that supports multiple open inference modes:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Hugging Face Inference Providers (Default):&lt;/strong&gt; Runs open-weight models such as &lt;code&gt;google/vit-base-patch16-224&lt;/code&gt; (Apache 2.0 license) or &lt;code&gt;Qwen/Qwen2-VL-7B-Instruct&lt;/code&gt; via hosted inference endpoints.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Local Air-Gapped Inference with Ollama:&lt;/strong&gt; When enabled via &lt;code&gt;LOCAL_MODEL_ENABLED=true&lt;/code&gt;, requests route to a locally running Ollama instance (&lt;code&gt;http://localhost:11434/api/generate&lt;/code&gt;) with &lt;code&gt;llava&lt;/code&gt; or &lt;code&gt;minicpm-v&lt;/code&gt;. This allows 100% offline species identification deep in forests or mountains without cellular reception.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Verified Biological Taxonomy Reference Engine:&lt;/strong&gt; Provides an offline fallback taxonomy database for instant development, demonstration, and reliable automated testing.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  2. Separation of Concerns &amp;amp; Security
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Backend API Proxy:&lt;/strong&gt; The Express backend acts as an isolation barrier. API tokens (&lt;code&gt;HF_API_TOKEN&lt;/code&gt;) never leak into client-side Vite bundles.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Strict Validation:&lt;/strong&gt; Incoming requests and images are strictly validated with &lt;strong&gt;Zod&lt;/strong&gt; (checking MIME types and enforcing a 10MB file limit).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Graceful Storage Optimization:&lt;/strong&gt; To prevent &lt;code&gt;localStorage&lt;/code&gt; quota errors (typically 5MB), client-side canvas routines in &lt;code&gt;lib/utils.ts&lt;/code&gt; downscale uploaded photos to compact thumbnails before persisting journal records.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  3. Testing &amp;amp; Verification
&lt;/h3&gt;

&lt;p&gt;The project includes automated tests using &lt;strong&gt;Vitest&lt;/strong&gt; and &lt;strong&gt;React Testing Library&lt;/strong&gt;:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;File validation &amp;amp; MIME rejection tests (&lt;code&gt;src/__tests__/validation.test.ts&lt;/code&gt;)&lt;/li&gt;
&lt;li&gt;Journal save, filter, and delete tests (&lt;code&gt;src/__tests__/journal.test.ts&lt;/code&gt;)&lt;/li&gt;
&lt;li&gt;Outdoor activity toggle &amp;amp; random generator tests (&lt;code&gt;src/__tests__/activities.test.ts&lt;/code&gt;)&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Why Does Open Innovation Matter?
&lt;/h2&gt;

&lt;p&gt;Open innovation is essential when building technology designed for the natural world:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;True Privacy in the Wild:&lt;/strong&gt; Commercial closed-source vision APIs log user prompts, images, and geolocation to train proprietary models. Nature lovers and families deserve the freedom to photograph local flora and fauna without corporate surveillance.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Offline Independence:&lt;/strong&gt; Nature exists beyond cell towers. Closed APIs fail the moment you lose LTE connection. Open-weight models (via Ollama or ONNX/Transformers.js) can run directly on consumer laptops and edge devices anywhere on Earth.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Ecological Safety &amp;amp; Transparency:&lt;/strong&gt; Proprietary black boxes can produce unpredictable, confident hallucinations without accountability. With open-weight architectures, researchers and communities can inspect classification weights, calibrate confidence metrics, and enforce strict disclaimers against hazardous foraging.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Democratized Environmental Education:&lt;/strong&gt; Open-source AI eliminates per-token API paywalls, allowing schools, non-profits, and park rangers to deploy biodiversity tools at zero software cost.&lt;/li&gt;
&lt;/ol&gt;




&lt;h2&gt;
  
  
  My Agent Session
&lt;/h2&gt;

&lt;p&gt;This project was built iteratively with pair-programming assistance from the AI agent:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Architecture design of the provider abstraction (&lt;code&gt;IModelProvider&lt;/code&gt;).&lt;/li&gt;
&lt;li&gt;Development of nature-tailored CSS design tokens (forest, sage, cream).&lt;/li&gt;
&lt;li&gt;Implementation of client-side canvas image thumbnailing to protect &lt;code&gt;localStorage&lt;/code&gt; quotas.&lt;/li&gt;
&lt;li&gt;Creation of the automated test suite with Vitest.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Prize Categories
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Hacktoberfest 2026 Week 1:&lt;/strong&gt; &lt;em&gt;Touch Grass&lt;/em&gt; (Grand Prize &amp;amp; General Category)

&lt;ul&gt;
&lt;li&gt;Encouraging screen-free mindfulness, outdoor observation, and real-world connection to nature powered by open-weight AI.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>hf26challenge</category>
      <category>ai</category>
      <category>webdev</category>
      <category>programming</category>
    </item>
    <item>
      <title>Roomiee Bites</title>
      <dc:creator>Kaushal Tukadiya</dc:creator>
      <pubDate>Sun, 04 Oct 2026 10:10:18 +0000</pubDate>
      <link>https://dev.to/kaushal_tukadiya/roomiee-bites-54kb</link>
      <guid>https://dev.to/kaushal_tukadiya/roomiee-bites-54kb</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/hacktoberfest-weekend-2026-10-01"&gt;Hacktoberfest Weekend Challenge: Build for a Friend&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

&lt;h1&gt;
  
  
  🥑 RoomieBites - Allergy-Safe Roommate Meal Planner
&lt;/h1&gt;

&lt;blockquote&gt;
&lt;p&gt;A simple, privacy-first meal planner and shopping list generator designed to keep track of your roommates' food allergies and dietary preferences, suggest guaranteed safe meals, schedule 7-day weekly calendars, and automatically organize grocery lists by aisle.&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;Living with roommates is one of the best parts of university and young adulthood—until it comes time to answer the age-old question: &lt;em&gt;"What are we having for dinner?"&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;I built &lt;strong&gt;RoomieBites&lt;/strong&gt; for my roommate &lt;strong&gt;Alex&lt;/strong&gt; (and our apartment circle). Alex lives with severe peanut and tree nut allergies alongside celiac disease (strict gluten intolerance). In a shared living space, planning communal dinners or even keeping shared pantry staples safe can be stressful. One accidental dash of ordinary soy sauce or cross-contaminated sauce can turn dinner into a medical emergency. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;RoomieBites&lt;/strong&gt; solves this by turning allergy safety into an effortless, collaborative experience:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Roommate Allergy Guard&lt;/strong&gt;: Tracks each roommate's specific allergies (Peanuts, Tree Nuts, Gluten, Dairy, Shellfish, Eggs, Soy, etc.), dietary lifestyle (Vegetarian, Vegan, Halal, High-Protein), and personal dislikes.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Whole Household Safety Mode&lt;/strong&gt;: A single filter that computes the intersection of everyone's dietary restrictions, guaranteeing that any meal chosen is 100% safe for everyone at the table.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Automated Safe 7-Day Planner&lt;/strong&gt;: A 1-click "Auto-Fill Safe Week" generator that creates a balanced weekly menu (Breakfast, Lunch, Dinner, Snack) with zero allergen conflicts.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Smart Aisle-Organized Grocery List&lt;/strong&gt;: Collects ingredients from planned meals, aggregates quantities, groups items by supermarket aisles (&lt;em&gt;Produce&lt;/em&gt;, &lt;em&gt;Dairy &amp;amp; Substitutes&lt;/em&gt;, &lt;em&gt;Meat &amp;amp; Protein&lt;/em&gt;, &lt;em&gt;Grains &amp;amp; Bakery&lt;/em&gt;, &lt;em&gt;Pantry&lt;/em&gt;), and provides interactive store checkboxes.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Allergen Alert Shield&lt;/strong&gt;: If someone tries to manually schedule a recipe containing an allergen, an active warning alert warns the user before it gets scheduled.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;p&gt;RoomieBites runs completely client-side with zero build steps or complex dependencies required. &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Live Local Demo :&lt;/strong&gt; Open [&lt;a href="https://kaushaltukadiya-creator.github.io/RoomieBites/" rel="noopener noreferrer"&gt;https://kaushaltukadiya-creator.github.io/RoomieBites/&lt;/a&gt;] in amy mordern browser.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Quick Preview &amp;amp; Walkthrough:
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Household Safety Status&lt;/strong&gt;: The top banner dynamically updates to reflect who is being protected (e.g., &lt;em&gt;Protecting Alex: ⚠️ Avoids Peanuts, Tree Nuts, Gluten&lt;/em&gt;).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Weekly Meal Calendar&lt;/strong&gt;: Displays Monday through Sunday across 4 daily slots. Click &lt;strong&gt;"✨ Auto-Fill Safe Week"&lt;/strong&gt; to instantly generate an allergen-free week.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Safe Meal Suggestions&lt;/strong&gt;: Browse cards tagged with 🟢 &lt;strong&gt;Safe for Roomie&lt;/strong&gt; or 🔴 &lt;strong&gt;Contains [Allergen]&lt;/strong&gt; warning banners. Filter by cooking time (&amp;lt; 20 mins), diet, or category.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Smart Grocery Shopping List&lt;/strong&gt;: View aggregated ingredients categorized by aisle. Check off items in the store, add custom extra items (e.g. oat milk, coffee), and click &lt;strong&gt;"📋 Copy to Clipboard"&lt;/strong&gt; or &lt;strong&gt;"🖨️ Print / Save PDF"&lt;/strong&gt;.&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Running Locally:
&lt;/h3&gt;

&lt;p&gt;Clone the repository and open &lt;code&gt;index.html&lt;/code&gt; directly in any web browser:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;git clone https://github.com/KaushalTukadiya-Creator/RoomieBites.git
&lt;span class="nb"&gt;cd &lt;/span&gt;RoomieBites

&lt;span class="c"&gt;# On Windows PowerShell:&lt;/span&gt;
Start-Process &lt;span class="s2"&gt;"index.html"&lt;/span&gt;

&lt;span class="c"&gt;# On macOS:&lt;/span&gt;
open index.html

&lt;span class="c"&gt;# On Linux:&lt;/span&gt;
xdg-open index.html
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Code
&lt;/h2&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://assets.dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/KaushalTukadiya-Creator" rel="noopener noreferrer"&gt;
        KaushalTukadiya-Creator
      &lt;/a&gt; / &lt;a href="https://github.com/KaushalTukadiya-Creator/RoomieBites" rel="noopener noreferrer"&gt;
        RoomieBites
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/hacktoberfest-weekend-2026-10-01" rel="nofollow"&gt;Hacktoberfest Weekend Challenge: Build for a Friend&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;🥑 RoomieBites - Allergy-Safe Roommate Meal Planner&lt;/h1&gt;
&lt;/div&gt;

&lt;blockquote&gt;
&lt;p&gt;A simple, privacy-first meal planner and shopping list generator designed to keep track of your roommates' food allergies and dietary preferences, suggest guaranteed safe meals, schedule 7-day weekly calendars, and automatically organize grocery lists by aisle.&lt;/p&gt;
&lt;/blockquote&gt;




&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;What I Built&lt;/h2&gt;
&lt;/div&gt;

&lt;p&gt;Living with roommates is one of the best parts of university and young adulthood—until it comes time to answer the age-old question: &lt;em&gt;"What are we having for dinner?"&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;I built &lt;strong&gt;RoomieBites&lt;/strong&gt; for my roommate &lt;strong&gt;Alex&lt;/strong&gt; (and our apartment circle). Alex lives with severe peanut and tree nut allergies alongside celiac disease (strict gluten intolerance). In a shared living space, planning communal dinners or even keeping shared pantry staples safe can be stressful. One accidental dash of ordinary soy sauce or cross-contaminated sauce can turn dinner into a medical emergency.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;RoomieBites&lt;/strong&gt; solves…&lt;/p&gt;&lt;/div&gt;


&lt;/div&gt;
&lt;br&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/KaushalTukadiya-Creator/RoomieBites" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;br&gt;
&lt;/div&gt;
&lt;br&gt;


&lt;p&gt;🔗 &lt;strong&gt;GitHub Repository&lt;/strong&gt;: &lt;a href="https://github.com/KaushalTukadiya-Creator/RoomieBites" rel="noopener noreferrer"&gt;https://github.com/KaushalTukadiya-Creator/RoomieBites&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The project is built cleanly with zero bloat, emphasizing maximum performance, responsive accessibility, and zero-setup deployment.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Frontend Core&lt;/strong&gt;: Semantic HTML5 with tabbed views, modal dialogs, and ARIA attributes for screen-reader accessibility.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Styling&lt;/strong&gt;: Tailored Vanilla CSS with glassmorphism, responsive grid/flexbox layouts, modern typography (&lt;em&gt;Outfit&lt;/em&gt; &amp;amp; &lt;em&gt;Plus Jakarta Sans&lt;/em&gt;), and dedicated &lt;code&gt;@media print&lt;/code&gt; styling for paper or PDF grocery sheets.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Engine Logic (&lt;code&gt;app.js&lt;/code&gt;)&lt;/strong&gt;:

&lt;ul&gt;
&lt;li&gt;Deterministic allergen conflict detection engine.&lt;/li&gt;
&lt;li&gt;Multi-profile state manager with &lt;code&gt;localStorage&lt;/code&gt; persistence.&lt;/li&gt;
&lt;li&gt;Dynamic shopping list aggregator that extracts and categorizes ingredients from planned recipes.&lt;/li&gt;
&lt;li&gt;Clipboard export and toast notification system.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  How I Built It
&lt;/h2&gt;

&lt;p&gt;RoomieBites was architected and pair-programmed collaboratively with &lt;strong&gt;Google Antigravity&lt;/strong&gt; using an agentic coding workflow:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Safety-First Engine Architecture&lt;/strong&gt;: We designed a strict allergen validation model where recipes must pass a comprehensive checklist against all active roommate constraints before being recommended.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Privacy-Centric Client-Side Execution&lt;/strong&gt;: Many people are hesitant to enter sensitive medical and dietary data into third-party servers. RoomieBites is architected entirely on local browser state (&lt;code&gt;localStorage&lt;/code&gt;), ensuring private health data never leaves the user's machine without explicit consent.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Iterative UX &amp;amp; Micro-Interactions&lt;/strong&gt;: We iteratively refined the design system—incorporating high-contrast safety badges, intuitive modal workflows, responsive calendar viewports, and one-click clipboard formatting for WhatsApp/iMessage group texts.&lt;/li&gt;
&lt;/ol&gt;




&lt;h2&gt;
  
  
  Why Does Open Innovation Matter?
&lt;/h2&gt;

&lt;p&gt;Food allergies affect more than &lt;strong&gt;32 million Americans&lt;/strong&gt; and hundreds of millions worldwide. Navigating dietary restrictions should not require expensive, ad-riddled proprietary meal apps with locked paywalls and data monetization.&lt;/p&gt;

&lt;p&gt;Open innovation matters because:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Safety is Universal&lt;/strong&gt;: Open-source tools allow anyone—students in dorms, multi-generational families, or community kitchens—to adapt, fork, and tailor meal planning algorithms to rare allergies or regional ingredients.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Radical Transparency&lt;/strong&gt;: When dealing with anaphylactic allergies or celiac disease, opaque algorithms and hidden sponsored recipe promotions can be dangerous. An open codebase means the allergy verification logic is clear, auditable, and trustworthy.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Zero Lock-In &amp;amp; Portability&lt;/strong&gt;: Open innovation guarantees that people retain full control over their recipes, profiles, and grocery workflows forever.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  My Agent Session
&lt;/h2&gt;

&lt;p&gt;This project was developed through an interactive human-in-the-loop pair programming session using the &lt;strong&gt;Antigravity IDE&lt;/strong&gt;:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Refined form requirements and accessibility guidelines.&lt;/li&gt;
&lt;li&gt;Iterated on fintech UI aesthetics (converting a basic table into a modern dashboard with ambient glows, icon wrappers, and category pills).&lt;/li&gt;
&lt;li&gt;Audited input validation and LocalStorage serialization.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Prize Categories
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Build for a Friend&lt;/strong&gt;: Dedicated to my roommate Alex, transforming stressful shared-kitchen meal planning into a safe, joyful everyday routine.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;em&gt;Thank you to the DEV Community and the Hacktoberfest team for fostering open-source innovation!&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  📄 License
&lt;/h2&gt;

&lt;p&gt;This project is open-source and free to use for educational purposes under the &lt;a href="https://opensource.org/licenses/MIT" rel="noopener noreferrer"&gt;MIT License&lt;/a&gt;. &lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>weekendchallenge</category>
      <category>hf26challenge</category>
      <category>buildforafriend</category>
    </item>
  </channel>
</rss>
