<?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: Isoken Ibizugbe</title>
    <description>The latest articles on DEV Community by Isoken Ibizugbe (@isokenjune).</description>
    <link>https://dev.to/isokenjune</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F99mvlsfu5tfj9m7ku25d.png</url>
      <title>DEV Community: Isoken Ibizugbe</title>
      <link>https://dev.to/isokenjune</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/isokenjune"/>
    <language>en</language>
    <item>
      <title>Threadwise: A Local-First AI Closet That Makes Getting Dressed Easier</title>
      <dc:creator>Isoken Ibizugbe</dc:creator>
      <pubDate>Fri, 23 Oct 2026 10:23:59 +0000</pubDate>
      <link>https://dev.to/isokenjune/threadwise-a-local-first-ai-closet-that-makes-getting-dressed-easier-82k</link>
      <guid>https://dev.to/isokenjune/threadwise-a-local-first-ai-closet-that-makes-getting-dressed-easier-82k</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/hacktoberfest-week3-2026-10-19"&gt;Hacktoberfest Open-Source AI Challenge Week 3: Slow and Steady&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Threadwise&lt;/strong&gt; is a virtual closet that helps me keep track of clothes I already own, put outfits together, and plan what to pack for a trip. The idea is to make the small, repetitive decisions around getting dressed take less effort.&lt;/p&gt;

&lt;h2&gt;
  
  
  The problem
&lt;/h2&gt;

&lt;p&gt;I wanted one simple place to remember what is in my wardrobe and make it easier to reuse those pieces. Instead of scrolling through photos, trying combinations from memory, or writing a separate packing checklist, I can add garments once and work with them in the app.&lt;/p&gt;

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

&lt;ul&gt;
&lt;li&gt;Add a clothing photo from a camera or photo library, give it a name, and choose its category, colour, and season.&lt;/li&gt;
&lt;li&gt;Remove the photo background in the browser and save the garment in a local wardrobe.&lt;/li&gt;
&lt;li&gt;Filter the wardrobe by clothing category.&lt;/li&gt;
&lt;li&gt;Select pieces to create a look manually, or ask an optional local AI stylist for suggestions.&lt;/li&gt;
&lt;li&gt;Create a trip packing list, enter a destination, and mark selected pieces as packed.&lt;/li&gt;
&lt;/ul&gt;

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


&lt;div&gt;
  &lt;iframe src="https://loom.com/embed/d66e981d61b34f5f8e813ea4fb095bfa" width="100%" height="400"&gt;
  &lt;/iframe&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;div class="crayons-card c-embed text-styles text-styles--secondary"&gt;
    &lt;div class="c-embed__content"&gt;
      &lt;div class="c-embed__body flex items-center justify-between"&gt;
        &lt;a href="https://threadwise-d654.onrender.com/" rel="noopener noreferrer" class="c-link fw-bold flex items-center"&gt;
          &lt;span class="mr-2"&gt;threadwise-d654.onrender.com&lt;/span&gt;
          

        &lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&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/Junie06" rel="noopener noreferrer"&gt;
        Junie06
      &lt;/a&gt; / &lt;a href="https://github.com/Junie06/threadwise" rel="noopener noreferrer"&gt;
        threadwise
      &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;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;Threadwise&lt;/h1&gt;
&lt;/div&gt;
&lt;p&gt;Threadwise is a mobile-friendly, local-first wardrobe app: photograph a garment, remove its background, organize your closet, build outfits, and make a trip packing list.&lt;/p&gt;
&lt;p&gt;Threadwise uses an open-weight model through local Ollama inference; your photos stay in the browser.&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;What works in this MVP&lt;/h2&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;Add clothing photos from a camera or photo library. Background removal runs in the browser, before the transparent image is saved to IndexedDB.&lt;/li&gt;
&lt;li&gt;Sort and filter a personal wardrobe by tops, trousers, skirts, dresses, outerwear, shoes, and accessories.&lt;/li&gt;
&lt;li&gt;Ask a locally running Ollama model for outfit ideas based on item names, colors, categories, and seasons.&lt;/li&gt;
&lt;li&gt;Build a look yourself, or create a trip packing list and mark pieces as packed.&lt;/li&gt;
&lt;li&gt;Use the app from a phone on the same Wi-Fi network as the computer running it.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Run it locally&lt;/h2&gt;
&lt;/div&gt;
&lt;p&gt;Requirements: Node.js 20.19 or newer. Ollama is optional; without it, photo capture, your wardrobe, manual outfit…&lt;/p&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/Junie06/threadwise" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


&lt;h2&gt;
  
  
  How the AI works
&lt;/h2&gt;

&lt;p&gt;Threadwise uses AI for two distinct jobs:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Photo preparation:&lt;/strong&gt; &lt;code&gt;@imgly/background-removal&lt;/code&gt; runs in the browser to create a garment cutout before it is saved.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Outfit ideas:&lt;/strong&gt; an optional Ollama service runs the &lt;code&gt;qwen3:4b&lt;/code&gt; text model locally. It receives garment metadata—names, categories, colours, and seasons—not the photos. The model suggests combinations from the pieces already in the closet.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Manual outfit building, wardrobe organization, and packing do not require Ollama. If the local model is unavailable, those parts of the app remain usable.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why open innovation matters here
&lt;/h2&gt;

&lt;p&gt;Clothing photos can be personal. Using an open-source, browser-side image-processing library means the photos do not need to be uploaded to a third-party image API for background removal. Running the outfit model with Ollama also gives people a way to try AI styling without sending wardrobe metadata to a hosted model provider. The open tools make it possible to inspect, run, and adapt the parts that matter to this experience.&lt;/p&gt;

&lt;p&gt;The photo-processing model assets are fetched by the browser when needed, but garment photos and wardrobe records are stored in that browser's IndexedDB. They are not synced between devices or backed up by the server.&lt;/p&gt;

&lt;h2&gt;
  
  
  How it is built
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Frontend:&lt;/strong&gt; React, TypeScript, and Vite&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Local wardrobe storage:&lt;/strong&gt; IndexedDB&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Image processing:&lt;/strong&gt; &lt;code&gt;@imgly/background-removal&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Optional text AI:&lt;/strong&gt; Ollama with Qwen3&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;API and production serving:&lt;/strong&gt; Express
&lt;/li&gt;
&lt;/ul&gt;

&lt;pre data-lang="mermaid"&gt;&lt;code&gt;graph TD
  Person[You] --&amp;gt; Browser[React app in browser]
  Browser --&amp;gt; Cutout[Browser-side background removal]
  Browser --&amp;gt; Wardrobe[(IndexedDB: photos and wardrobe)]
  Browser --&amp;gt;|Garment metadata only| API[Express API]
  API --&amp;gt; Ollama[Optional local Ollama + Qwen3]
  API --&amp;gt; Static[Production app files]&lt;/code&gt;&lt;/pre&gt;



&lt;p&gt;The project is licensed under &lt;strong&gt;AGPL-3.0&lt;/strong&gt;. The background-removal library is also AGPL-3.0.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Lazy Payoff
&lt;/h2&gt;

&lt;p&gt;The payoff is less repeated searching and remembering: the wardrobe becomes a reusable list for outfit planning and packing. I have not measured a time-saved number yet, so I won't invent one; a useful next test is to compare preparing a real trip list with and without Threadwise.&lt;/p&gt;

&lt;h2&gt;
  
  
  What I learned and what is next
&lt;/h2&gt;

&lt;p&gt;The most important product decision was to keep the closet useful without the AI. A local model can add convenience, but the basic task should not fail just because model setup is unavailable. Keeping photos in the browser also makes the privacy boundary easier to explain.&lt;/p&gt;

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

&lt;p&gt;&lt;strong&gt;Best Use of Render&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>hf26challenge</category>
      <category>opensource</category>
      <category>ai</category>
    </item>
    <item>
      <title>Staffside: New staff onboarding has never been easier</title>
      <dc:creator>Isoken Ibizugbe</dc:creator>
      <pubDate>Sat, 17 Oct 2026 16:03:50 +0000</pubDate>
      <link>https://dev.to/isokenjune/staffside-new-staff-onboarding-has-never-been-easier-2007</link>
      <guid>https://dev.to/isokenjune/staffside-new-staff-onboarding-has-never-been-easier-2007</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/hacktoberfest-week2-2026-10-12"&gt;Hacktoberfest Open-Source AI Challenge Week 2: Side Hustle&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

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

&lt;p&gt;I built Staffside, a local-first people-ops workspace for small startup teams. It brings together a simple staff directory, per-person onboarding tasks, handbook Q&amp;amp;A, and payment-status tracking.&lt;/p&gt;

&lt;p&gt;It’s for founders and small teams who end up doing HR work alongside their regular roles. Staffside helps keep onboarding and admin tasks in one place, while an AI assistant can answer questions from the team’s own handbook.&lt;/p&gt;

&lt;p&gt;The payment tracker records amounts, periods, due dates, and paid/pending status. It does not process payroll, move money, calculate taxes, or store bank details.&lt;/p&gt;

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


&lt;div&gt;
  &lt;iframe src="https://loom.com/embed/a0edd269a0604a98ace0dcdba7aca4ba" width="100%" height="400"&gt;
  &lt;/iframe&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/Junie06" rel="noopener noreferrer"&gt;
        Junie06
      &lt;/a&gt; / &lt;a href="https://github.com/Junie06/staffside" rel="noopener noreferrer"&gt;
        staffside
      &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;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;Staffside&lt;/h1&gt;
&lt;/div&gt;
&lt;p&gt;Staffside is a small, local-first people-ops workspace for startup teams. It keeps staff profiles, onboarding tasks, payment-status records, and handbook documents on the machine running the app. An open-weight model served by &lt;a href="https://ollama.com" rel="nofollow noopener noreferrer"&gt;Ollama&lt;/a&gt; drafts onboarding checklists and answers questions using retrieved handbook excerpts.&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Run locally&lt;/h2&gt;
&lt;/div&gt;
&lt;p&gt;Requirements: Node.js 20 or later. The staff directory, tasks, documents, and payment tracker work without an AI model.&lt;/p&gt;
&lt;div class="highlight highlight-source-powershell notranslate position-relative overflow-auto js-code-highlight"&gt;
&lt;pre&gt;npm start&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;Open &lt;a href="http://127.0.0.1:3000" rel="nofollow noopener noreferrer"&gt;http://127.0.0.1:3000&lt;/a&gt;. Workspace data is saved unencrypted in &lt;code&gt;data/staff-data.json&lt;/code&gt;. The app binds to loopback only; it is a single-user local prototype, not a multi-user hosted service.&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Enable the local AI&lt;/h2&gt;
&lt;/div&gt;
&lt;p&gt;Install Ollama, then download and start the default model:&lt;/p&gt;
&lt;div class="highlight highlight-source-powershell notranslate position-relative overflow-auto js-code-highlight"&gt;
&lt;pre&gt;ollama pull qwen3:4b&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;Keep Ollama running, then start or refresh Staffside. The default model is &lt;code&gt;qwen3:4b&lt;/code&gt;; set &lt;code&gt;OLLAMA_MODEL&lt;/code&gt; to use another Ollama model. If Ollama runs at a non-default local URL, set &lt;code&gt;OLLAMA_URL&lt;/code&gt; (for example, &lt;code&gt;http://localhost:11434&lt;/code&gt;). Non-loopback model URLs are rejected…&lt;/p&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/Junie06/staffside" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


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

&lt;p&gt;Staffside uses Ollama 0.40.5 with Qwen3 4B (Q4_K_M). It is a dependency-free Node.js web app with a small browser-based frontend and local JSON persistence. Its AI features are built around Ollama and the configurable open-weight model qwen3:4b.&lt;/p&gt;

&lt;p&gt;For handbook Q&amp;amp;A, the app searches local documents for matching passages and sends only those excerpts, along with the question, to the local model. Staff profiles and payment records are not included in the AI prompt. For onboarding, the model drafts a short checklist grounded in retrieved handbook passages; the user reviews the suggestions before adding them.&lt;/p&gt;

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

&lt;p&gt;This prototype makes it possible to keep inference on the same machine as the app, rather than sending handbook excerpts to a hosted AI API. The model can be swapped by configuration, giving the team more control over where inference runs and which model it chooses.&lt;/p&gt;

&lt;p&gt;That’s a useful privacy and flexibility trade-off for sensitive workplace information.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>hf26challenge</category>
    </item>
    <item>
      <title>Unsit: Helps you get off your screen and go outside</title>
      <dc:creator>Isoken Ibizugbe</dc:creator>
      <pubDate>Fri, 09 Oct 2026 16:12:22 +0000</pubDate>
      <link>https://dev.to/isokenjune/unsit-helps-you-get-off-your-screen-and-go-outside-f3g</link>
      <guid>https://dev.to/isokenjune/unsit-helps-you-get-off-your-screen-and-go-outside-f3g</guid>
      <description>&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;A lot of apps ask us to spend more time looking at a screen. UnSit is meant to do the opposite: help someone choose a small outdoor break, then put their phone away.&lt;br&gt;
UnSit creates gentle movement-break options based on how much time someone has, their energy, where they’re headed, and what feels comfortable.&lt;br&gt;
Choose a 5-, 10-, or 15-minute break and set a focus and outdoor setting. UnSit offers three options: an outdoor walk, a park or bench reset, and a porch or balcony reset. Pick one to start a timer; after the break, an optional check-in and a small activity history stay in the browser.&lt;/p&gt;
&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;




&lt;div&gt;
  &lt;iframe src="https://loom.com/embed/1b6e51227ecd4048b238c7f071bcfb1a" width="100%" height="400"&gt;
  &lt;/iframe&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;a href="https://unsit.onrender.com" rel="noopener noreferrer"&gt;https://unsit.onrender.com&lt;/a&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/Junie06" rel="noopener noreferrer"&gt;
        Junie06
      &lt;/a&gt; / &lt;a href="https://github.com/Junie06/unsit" rel="noopener noreferrer"&gt;
        unsit
      &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;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;UnSit&lt;/h1&gt;
&lt;/div&gt;
&lt;p&gt;UnSit is a guest-first, local-first web app for short outdoor movement breaks. Pick a time, energy level, focus, and setting to get three options: an outdoor walk, a park/bench reset, or a porch/balcony reset.&lt;/p&gt;
&lt;p&gt;The dashboard shows progress toward a five-break weekly goal and a seven-day streak ring. After a break, users can optionally record a private, subjective check-in (better, the same, or not so great); it is not a pain score or medical assessment.&lt;/p&gt;
&lt;p&gt;The interface is a mobile-ready PWA. On a secure origin, users can opt into running Gemma 3 1B directly in a WebGPU-capable browser; inference stays on the device. The first use downloads about 600 MB of model data, so the app keeps its built-in plans available as a no-download fallback. Personal plans and check-ins stay in that browser's local storage. The Node/Ollama endpoint is only used on localhost when browser Gemma is unchecked. The…&lt;/p&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/Junie06/unsit" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


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

&lt;ul&gt;
&lt;li&gt;Vanilla JavaScript, HTML, and CSS&lt;/li&gt;
&lt;li&gt;Node.js for local Gemma/Ollama integration&lt;/li&gt;
&lt;li&gt;Gemma 3&lt;/li&gt;
&lt;li&gt;A service worker, web app manifest, and browser local storage&lt;/li&gt;
&lt;/ul&gt;

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

&lt;p&gt;For an app involving personal comfort preferences, local inference is useful because the user can try model-generated suggestions without sending those preferences to a hosted AI provider. Using an open-weight model also makes it possible to run the generation path on a device the user controls.&lt;/p&gt;

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

&lt;ul&gt;
&lt;li&gt;Best Use of Gemma&lt;/li&gt;
&lt;li&gt;Best Use of Copilot&lt;/li&gt;
&lt;li&gt;Best Use of Render&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>devchallenge</category>
      <category>hf26challenge</category>
    </item>
    <item>
      <title>Kinsync: Sync your family activities</title>
      <dc:creator>Isoken Ibizugbe</dc:creator>
      <pubDate>Sun, 04 Oct 2026 20:23:56 +0000</pubDate>
      <link>https://dev.to/isokenjune/kinsync-sync-your-family-activities-5bbj</link>
      <guid>https://dev.to/isokenjune/kinsync-sync-your-family-activities-5bbj</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;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;It happens constantly in our house: Dad mentions an event or a trip &lt;em&gt;the day before&lt;/em&gt; it’s supposed to happen. My sisters and I get so annoyed trying to reshuffle our schedules at the last minute! &lt;/p&gt;

&lt;p&gt;During one of those classic frantic moments, someone said, &lt;em&gt;"We seriously need a shared family planner so everyone is actually on the same page."&lt;/em&gt; That was the spark for &lt;strong&gt;KinSync&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;With KinSync, anyone can just drop a casual message in the family chat (&lt;em&gt;"Dad has a dentist appointment on Tuesday at 3 PM"&lt;/em&gt; or &lt;em&gt;"Someone pick up groceries tomorrow"&lt;/em&gt;), and our AI assistant automatically pulls out the details and puts them straight onto our shared family schedule.&lt;/p&gt;

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


&lt;div&gt;
  &lt;iframe src="https://loom.com/embed/57986cb83de44bfe98e9b1e6b70d2dbb" width="100%" height="400"&gt;
  &lt;/iframe&gt;
&lt;/div&gt;
&lt;br&gt;
Try it out here:&lt;br&gt;
&lt;div class="crayons-card c-embed text-styles text-styles--secondary"&gt;
    &lt;div class="c-embed__content"&gt;
      &lt;div class="c-embed__body flex items-center justify-between"&gt;
        &lt;a href="https://kinsync-8u8b.onrender.com/" rel="noopener noreferrer" class="c-link fw-bold flex items-center"&gt;
          &lt;span class="mr-2"&gt;kinsync-8u8b.onrender.com&lt;/span&gt;
          

        &lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&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/Junie06" rel="noopener noreferrer"&gt;
        Junie06
      &lt;/a&gt; / &lt;a href="https://github.com/Junie06/kinsync" rel="noopener noreferrer"&gt;
        kinsync
      &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;This is a &lt;a href="https://nextjs.org" rel="nofollow noopener noreferrer"&gt;Next.js&lt;/a&gt; project bootstrapped with &lt;a href="https://nextjs.org/docs/app/api-reference/cli/create-next-app" rel="nofollow noopener noreferrer"&gt;&lt;code&gt;create-next-app&lt;/code&gt;&lt;/a&gt;.&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Getting Started&lt;/h2&gt;
&lt;/div&gt;
&lt;p&gt;First, run the development server:&lt;/p&gt;
&lt;div class="highlight highlight-source-shell notranslate position-relative overflow-auto js-code-highlight"&gt;
&lt;pre&gt;npm run dev
&lt;span class="pl-c"&gt;&lt;span class="pl-c"&gt;#&lt;/span&gt; or&lt;/span&gt;
yarn dev
&lt;span class="pl-c"&gt;&lt;span class="pl-c"&gt;#&lt;/span&gt; or&lt;/span&gt;
pnpm dev
&lt;span class="pl-c"&gt;&lt;span class="pl-c"&gt;#&lt;/span&gt; or&lt;/span&gt;
bun dev&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;Open &lt;a href="http://localhost:3000" rel="nofollow noopener noreferrer"&gt;http://localhost:3000&lt;/a&gt; with your browser to see the result.&lt;/p&gt;
&lt;p&gt;You can start editing the page by modifying &lt;code&gt;app/page.tsx&lt;/code&gt;. The page auto-updates as you edit the file.&lt;/p&gt;
&lt;p&gt;This project uses &lt;a href="https://nextjs.org/docs/app/building-your-application/optimizing/fonts" rel="nofollow noopener noreferrer"&gt;&lt;code&gt;next/font&lt;/code&gt;&lt;/a&gt; to automatically optimize and load &lt;a href="https://vercel.com/font" rel="nofollow noopener noreferrer"&gt;Geist&lt;/a&gt;, a new font family for Vercel.&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Learn More&lt;/h2&gt;
&lt;/div&gt;
&lt;p&gt;To learn more about Next.js, take a look at the following resources:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://nextjs.org/docs" rel="nofollow noopener noreferrer"&gt;Next.js Documentation&lt;/a&gt; - learn about Next.js features and API.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://nextjs.org/learn" rel="nofollow noopener noreferrer"&gt;Learn Next.js&lt;/a&gt; - an interactive Next.js tutorial.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;You can check out &lt;a href="https://github.com/vercel/next.js" rel="noopener noreferrer"&gt;the Next.js GitHub repository&lt;/a&gt; - your feedback and contributions are welcome!&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Deploy on Vercel&lt;/h2&gt;
&lt;/div&gt;
&lt;p&gt;The easiest way to deploy your Next.js app is to use the &lt;a href="https://vercel.com/new?utm_medium=default-template&amp;amp;filter=next.js&amp;amp;utm_source=create-next-app&amp;amp;utm_campaign=create-next-app-readme" rel="nofollow noopener noreferrer"&gt;Vercel Platform&lt;/a&gt; from the creators of Next.js.&lt;/p&gt;
&lt;p&gt;Check out our &lt;a href="https://nextjs.org/docs/app/building-your-application/deploying" rel="nofollow noopener noreferrer"&gt;Next.js deployment documentation&lt;/a&gt; for more…&lt;/p&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/Junie06/kinsync" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


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

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Framework:&lt;/strong&gt; Next.js (App Router), TypeScript, Tailwind CSS&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;AI Engine:&lt;/strong&gt; Gemma 2 (&lt;code&gt;gemma2-9b-it&lt;/code&gt; via Groq API for lightning-fast cloud response; with full local support via Ollama)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Deployment:&lt;/strong&gt; Render&lt;/li&gt;
&lt;/ul&gt;

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

&lt;p&gt;Relying on closed models means accepting sudden API price hikes, model deprecations, or sudden policy changes that can break an app overnight. Open innovation guarantees that our intelligence layer remains accessible forever, whether served via low-latency cloud providers (like Groq) or run directly on edge devices inside the home.&lt;/p&gt;

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

&lt;ul&gt;
&lt;li&gt;Render&lt;/li&gt;
&lt;li&gt;Gemma&lt;/li&gt;
&lt;li&gt;Copilot&lt;/li&gt;
&lt;/ul&gt;

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