The latest articles on DEV Community by Isoken Ibizugbe (@isokenjune). https://dev.to/isokenjune 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 https://dev.to/isokenjune en Isoken Ibizugbe Sun, 04 Oct 2026 20:23:56 +0000 https://dev.to/isokenjune/kinsync-sync-your-family-activities-5bbj https://dev.to/isokenjune/kinsync-sync-your-family-activities-5bbj <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>It happens constantly in our house: Dad mentions an event or a trip <em>the day before</em> it’s supposed to happen. My sisters and I get so annoyed trying to reshuffle our schedules at the last minute! </p> <p>During one of those classic frantic moments, someone said, <em>"We seriously need a shared family planner so everyone is actually on the same page."</em> That was the spark for <strong>KinSync</strong>.</p> <p>With KinSync, anyone can just drop a casual message in the family chat (<em>"Dad has a dentist appointment on Tuesday at 3 PM"</em> or <em>"Someone pick up groceries tomorrow"</em>), and our AI assistant automatically pulls out the details and puts them straight onto our shared family schedule.</p> <h2> Demo </h2> <div> <iframe src="https://loom.com/embed/57986cb83de44bfe98e9b1e6b70d2dbb" width="100%" height="400"> </iframe> </div> <br> Try it out here:<br> <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__content"> <div class="c-embed__body flex items-center justify-between"> <a href="https://kinsync-8u8b.onrender.com/" rel="noopener noreferrer" class="c-link fw-bold flex items-center"> <span class="mr-2">kinsync-8u8b.onrender.com</span> </a> </div> </div> </div> <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/Junie06" rel="noopener noreferrer"> Junie06 </a> / <a href="https://github.com/Junie06/kinsync" rel="noopener noreferrer"> kinsync </a> </h2> <h3> </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"><p>This is a <a href="https://nextjs.org" rel="nofollow noopener noreferrer">Next.js</a> project bootstrapped with <a href="https://nextjs.org/docs/app/api-reference/cli/create-next-app" rel="nofollow noopener noreferrer"><code>create-next-app</code></a>.</p> <div class="markdown-heading"> <h2 class="heading-element">Getting Started</h2> </div> <p>First, run the development server:</p> <div class="highlight highlight-source-shell notranslate position-relative overflow-auto js-code-highlight"> <pre>npm run dev <span class="pl-c"><span class="pl-c">#</span> or</span> yarn dev <span class="pl-c"><span class="pl-c">#</span> or</span> pnpm dev <span class="pl-c"><span class="pl-c">#</span> or</span> bun dev</pre> </div> <p>Open <a href="http://localhost:3000" rel="nofollow noopener noreferrer">http://localhost:3000</a> with your browser to see the result.</p> <p>You can start editing the page by modifying <code>app/page.tsx</code>. The page auto-updates as you edit the file.</p> <p>This project uses <a href="https://nextjs.org/docs/app/building-your-application/optimizing/fonts" rel="nofollow noopener noreferrer"><code>next/font</code></a> to automatically optimize and load <a href="https://vercel.com/font" rel="nofollow noopener noreferrer">Geist</a>, a new font family for Vercel.</p> <div class="markdown-heading"> <h2 class="heading-element">Learn More</h2> </div> <p>To learn more about Next.js, take a look at the following resources:</p> <ul> <li> <a href="https://nextjs.org/docs" rel="nofollow noopener noreferrer">Next.js Documentation</a> - learn about Next.js features and API.</li> <li> <a href="https://nextjs.org/learn" rel="nofollow noopener noreferrer">Learn Next.js</a> - an interactive Next.js tutorial.</li> </ul> <p>You can check out <a href="https://github.com/vercel/next.js" rel="noopener noreferrer">the Next.js GitHub repository</a> - your feedback and contributions are welcome!</p> <div class="markdown-heading"> <h2 class="heading-element">Deploy on Vercel</h2> </div> <p>The easiest way to deploy your Next.js app is to use the <a href="https://vercel.com/new?utm_medium=default-template&amp;filter=next.js&amp;utm_source=create-next-app&amp;utm_campaign=create-next-app-readme" rel="nofollow noopener noreferrer">Vercel Platform</a> from the creators of Next.js.</p> <p>Check out our <a href="https://nextjs.org/docs/app/building-your-application/deploying" rel="nofollow noopener noreferrer">Next.js deployment documentation</a> for more…</p></div> </div> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/Junie06/kinsync" rel="noopener noreferrer">View on GitHub</a></div> </div> <h2> How I Built It </h2> <ul> <li> <strong>Framework:</strong> Next.js (App Router), TypeScript, Tailwind CSS</li> <li> <strong>AI Engine:</strong> Gemma 2 (<code>gemma2-9b-it</code> via Groq API for lightning-fast cloud response; with full local support via Ollama)</li> <li> <strong>Deployment:</strong> Render</li> </ul> <h2> Why Does Open Innovation Matter? </h2> <p>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.</p> <h2> Prize Categories </h2> <ul> <li>Render</li> <li>Gemma</li> <li>Copilot</li> </ul> devchallenge weekendchallenge hf26challenge