The latest articles on DEV Community by Abhimanyu Mathur (@abhimanyu_mathur_e356e977). https://dev.to/abhimanyu_mathur_e356e977 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%2F3396881%2F3486a9f5-5d25-41e6-8572-d9952d3ae183.jpg https://dev.to/abhimanyu_mathur_e356e977 en Abhimanyu Mathur Sun, 04 Oct 2026 15:53:46 +0000 https://dev.to/abhimanyu_mathur_e356e977/outingfit-mumbai-1nd2 https://dev.to/abhimanyu_mathur_e356e977/outingfit-mumbai-1nd2 <p><em>This is a submission for the <a href="https://dev.to/challenges/hacktoberfest-weekend-2026-10-01">Hacktoberfest Weekend Challenge: Build for a Friend</a></em></p> <h2> What I Built </h2> <p>OutingFit Mumbai helps you decide what to wear and what to carry for an outing in Mumbai, based on the actual forecast for when you'll be out. It works by voice or text in English, Hindi or Marathi.<br> I have built this application for my lady friends who get confused that should they wear dress, jacket, carry a raincoat or sunglasses.</p> <h2> Demo </h2> <p><a href="https://outingfit-mumbai.onrender.com" rel="noopener noreferrer">OutingFit</a></p> <h2> Code </h2> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://assets.dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/supermanyu90" rel="noopener noreferrer"> supermanyu90 </a> / <a href="https://github.com/supermanyu90/OutingFit" rel="noopener noreferrer"> OutingFit </a> </h2> <h3> Tell OutingFit where you’re going—in your language—and get an outfit and packing checklist grounded in the weather for your outing </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"><div class="markdown-heading"> <h1 class="heading-element">OutingFit</h1> </div> <p>Weather-grounded outfit and packing advice for outings in Mumbai, in <strong>English, Hindi and Marathi</strong>, by voice or text.</p> <div class="snippet-clipboard-content notranslate position-relative overflow-auto"><pre class="notranslate"><code> speak / dictate / type ──► ElevenLabs (agent · Scribe STT) ──► outing form (visible, editable) │ confirm place + date/times ▼ Open-Meteo forecast for the outing window ──► decision rules (config.ts) ──► Gemma │ (explains ▼ localises) Wear / Carry / Check cards + spoken summary ◄── validation (schema, coverage, numbers, script) │ ElevenLabs TTS / agent speaks exactly that summary </code></pre></div> <div class="markdown-heading"> <h2 class="heading-element">How it works</h2> </div> <ol> <li> <strong>Input.</strong> The user talks to an ElevenLabs agent, dictates (Scribe v2 speech-to-text, with an editable transcript) or types. Gemma extracts the fields from dictated or typed text. The agent fills them itself through client tools. Either way the form on screen shows exactly what was understood.</li> <li> <strong>Confirmation.</strong> Weather is not fetched until the destination is unambiguous and the date and times are confirmed. "Bastian" matches…</li> </ol></div> </div> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/supermanyu90/OutingFit" rel="noopener noreferrer">View on GitHub</a></div> </div> <h2> How I Built It </h2> <p><strong>1.Input:</strong> An ElevenLabs agent, Scribe speech-to-text (you can edit the transcript) or typed text. <strong>Gemma</strong> pulls the venue, date, times and preferences out of free-form Hindi, Marathi or English. Everything it understood shows up in an editable form before anything else happens.<br> <strong>2. Weather:</strong> The Open-Meteo hourly forecast for the outing window.</p> <p>*<em>For Logic and Control *</em>, a deterministic rules engine with configurable thresholds turns the weather and what you told it into prioritised items, each with its evidence.</p> <p><strong>3. Gemma 4</strong> (<code>gemma-4-26b-a4b-it</code> / <code>31b-it</code>): writes the titles, explanations, outfit idea and a 60-word spoken summary. It can't add, drop or re-rank items.<br> <strong>4. Voice out:</strong> ElevenLabs again.<br> Gemma runs on the Gemini API in production, with a <strong>local Gemma 3 4B fallback through Ollama</strong>. Stack: TypeScript, Express, React 19, Vite, Tailwind, Zod. It's deployed on Render. 31 unit tests and 9 end-to-end scenarios cover the decision rules, the validators, the time-zone handling (including returns after midnight) and API-failure states. All of them pass.</p> <h2> Why Does Open Innovation Matter? </h2> <p>Apart from being Global Financial Hub, Mumbai rules with classy restaurants and has a globally recognized social klout. It's going to rain, or will I sweat my brains out: addressing the weather issue is always a concern in this happening city. One cannot browse multiple sources, predict the weather, and choose clothing. Here comes OutingFit. It takes on the recent extreme weather changes in the coastal city of Mumbai. A voice-enabled assistant that checks hourly weather for your outing and provides evidence-backed Wear / Carry / Check cards, a spoken summary, and outfit ideas.<br> You can choose the best from what you have, and no location-based suggestions from Amazon or Flipkart bother you to buy more and more.</p> <h2> Prize Categories </h2> <p><strong>Featured categories</strong></p> <ol> <li>Best Use of Render</li> <li>Best Use of Gemma <strong>Partner categories</strong> </li> <li>Best Use of ElevenLabs</li> <li>Best Use of Sentry Agent Tracing</li> <li>Best Use of SerpApi</li> </ol> devchallenge weekendchallenge hf26challenge showdev