<?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: Yousun Lotif (Bappy Khan)</title>
    <description>The latest articles on DEV Community by Yousun Lotif (Bappy Khan) (@yousunlotifbappy).</description>
    <link>https://dev.to/yousunlotifbappy</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%2F3959216%2Fd72f7a04-0307-43c2-90d0-7d817409d0a7.jpeg</url>
      <title>DEV Community: Yousun Lotif (Bappy Khan)</title>
      <link>https://dev.to/yousunlotifbappy</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/yousunlotifbappy"/>
    <language>en</language>
    <item>
      <title>Turing’s Solstice by Yousun — An AI-Powered Puzzle Game Where Every Hint Costs Light</title>
      <dc:creator>Yousun Lotif (Bappy Khan)</dc:creator>
      <pubDate>Sat, 20 Jun 2026 09:21:39 +0000</pubDate>
      <link>https://dev.to/yousunlotifbappy/turings-solstice-by-yousun-an-ai-powered-puzzle-game-where-every-hint-costs-light-k3j</link>
      <guid>https://dev.to/yousunlotifbappy/turings-solstice-by-yousun-an-ai-powered-puzzle-game-where-every-hint-costs-light-k3j</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/june-game-jam-2026-06-03"&gt;June Solstice Game Jam&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

&lt;h1&gt;
  
  
  Turing’s Solstice by Yousun
&lt;/h1&gt;

&lt;p&gt;&lt;strong&gt;Decode the Last Light.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;What if asking for help could bring you closer to losing?&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Turing’s Solstice&lt;/strong&gt; is a cinematic browser-based puzzle game inspired by the June Solstice, Alan Turing, code-breaking, and the fragile balance between daylight and darkness.&lt;/p&gt;

&lt;p&gt;The player must solve six increasingly complex puzzles before the Daylight Meter reaches zero. Correct answers restore light, wrong answers strengthen the darkness, and every Gemini AI hint costs part of the player’s remaining daylight.&lt;/p&gt;

&lt;p&gt;The result is a puzzle journey where logic is not the only challenge—resource management, risk, and timing matter too.&lt;/p&gt;




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

&lt;p&gt;I built a six-level code-breaking adventure where players restore a damaged solstice machine by recovering hidden fragments.&lt;/p&gt;

&lt;p&gt;The journey includes:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Solar Cipher&lt;/strong&gt; — decode a Caesar-shifted message
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Binary Stream&lt;/strong&gt; — translate binary into language
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Algorithm Fragment&lt;/strong&gt; — recognize a mathematical pattern
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Mirror Solstice Cipher&lt;/strong&gt; — reverse a shadow message
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Turing Decision Gate&lt;/strong&gt; — solve a light-and-dark logic sequence
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Final Solstice Key&lt;/strong&gt; — combine the recovered knowledge into the final machine key
&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Every solved level unlocks:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A recovered machine fragment&lt;/li&gt;
&lt;li&gt;A Turing-inspired note&lt;/li&gt;
&lt;li&gt;A daylight reward&lt;/li&gt;
&lt;li&gt;A cinematic transition into the next challenge&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The intended experience is short, focused, replayable, and atmospheric—something that feels more like entering a mysterious decoding machine than completing a normal web form.&lt;/p&gt;




&lt;h2&gt;
  
  
  How It Connects to the June Solstice
&lt;/h2&gt;

&lt;p&gt;The June Solstice represents the longest day and the relationship between light and darkness.&lt;/p&gt;

&lt;p&gt;I turned that theme into the core gameplay system.&lt;/p&gt;

&lt;p&gt;The &lt;strong&gt;Daylight Meter&lt;/strong&gt; acts as both energy and survival time:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Correct answer: &lt;strong&gt;+10% daylight&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;Wrong answer: &lt;strong&gt;-12% daylight&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;Gemini hint: &lt;strong&gt;-8% daylight&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;Daylight reaches zero: the machine loses balance&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This means the solstice theme is not only visual decoration. It directly controls how the player thinks, takes risks, and progresses.&lt;/p&gt;

&lt;p&gt;The golden side of the interface represents daylight, while the blue side represents night, computation, and uncertainty.&lt;/p&gt;




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

&lt;p&gt;  &lt;iframe src="https://www.youtube.com/embed/QtAMMGERbeQ"&gt;
  &lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;Direct video link:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://youtu.be/QtAMMGERbeQ" rel="noopener noreferrer"&gt;https://youtu.be/QtAMMGERbeQ&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The demo shows:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;The home and project story pages&lt;/li&gt;
&lt;li&gt;The cinematic level-intro system&lt;/li&gt;
&lt;li&gt;Puzzle solving&lt;/li&gt;
&lt;li&gt;Daylight loss and recovery&lt;/li&gt;
&lt;li&gt;Gemini-powered hints&lt;/li&gt;
&lt;li&gt;Adaptive Oracle modes&lt;/li&gt;
&lt;li&gt;Fragment recovery animations&lt;/li&gt;
&lt;li&gt;Sound and visual feedback&lt;/li&gt;
&lt;li&gt;The final restoration sequence&lt;/li&gt;
&lt;/ul&gt;




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

&lt;p&gt;Play &lt;strong&gt;Turing’s Solstice by Yousun&lt;/strong&gt; here:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://turing-s-solstice-by-yousun.vercel.app/" rel="noopener noreferrer"&gt;https://turing-s-solstice-by-yousun.vercel.app/&lt;/a&gt;&lt;/p&gt;




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

&lt;p&gt;GitHub repository:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/yousunlotif-bappy/Turing-s-Solstice-by-Yousun" rel="noopener noreferrer"&gt;https://github.com/yousunlotif-bappy/Turing-s-Solstice-by-Yousun&lt;/a&gt;&lt;/p&gt;




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

&lt;p&gt;The project was built with:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Next.js&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;React&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;TypeScript&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Google Gemini API&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;CSS animations&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Web Audio API&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Vercel&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I used the Next.js App Router to separate the experience into:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Landing page&lt;/li&gt;
&lt;li&gt;Game page&lt;/li&gt;
&lt;li&gt;Project story page&lt;/li&gt;
&lt;li&gt;Server-side Gemini hint API route&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The puzzle content is stored as structured TypeScript data. Each level contains its title, puzzle type, objective, answer, recovered fragment, success note, and Turing-inspired archive note.&lt;/p&gt;

&lt;p&gt;This structure made it easy to expand the game from four levels to six without rewriting the main game engine.&lt;/p&gt;




&lt;h2&gt;
  
  
  Core Game State
&lt;/h2&gt;

&lt;p&gt;React state controls the main gameplay systems:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Current level&lt;/li&gt;
&lt;li&gt;Daylight percentage&lt;/li&gt;
&lt;li&gt;Player answer&lt;/li&gt;
&lt;li&gt;Wrong-attempt count&lt;/li&gt;
&lt;li&gt;Number of hints used&lt;/li&gt;
&lt;li&gt;Current Gemini hint&lt;/li&gt;
&lt;li&gt;Adaptive hint mode&lt;/li&gt;
&lt;li&gt;Recovered fragment&lt;/li&gt;
&lt;li&gt;Unlocked Turing notes&lt;/li&gt;
&lt;li&gt;Reward animation&lt;/li&gt;
&lt;li&gt;Level-intro overlay&lt;/li&gt;
&lt;li&gt;Win and lose states&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Answers are normalized before comparison, so reasonable variations are accepted.&lt;/p&gt;

&lt;p&gt;For example, the final key can be entered with different capitalization, spacing, or separators without unfairly rejecting the player.&lt;/p&gt;




&lt;h2&gt;
  
  
  Google Gemini as the Solstice Oracle
&lt;/h2&gt;

&lt;p&gt;Gemini is not used as a generic chatbot.&lt;/p&gt;

&lt;p&gt;Inside the game, Gemini becomes the &lt;strong&gt;Solstice Oracle&lt;/strong&gt;—an adaptive in-world guide that helps the player without directly revealing puzzle answers.&lt;/p&gt;

&lt;p&gt;Every hint request sends gameplay context to the server:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Current level&lt;/li&gt;
&lt;li&gt;Puzzle type&lt;/li&gt;
&lt;li&gt;Puzzle text&lt;/li&gt;
&lt;li&gt;Remaining daylight&lt;/li&gt;
&lt;li&gt;Wrong-attempt count&lt;/li&gt;
&lt;li&gt;Number of hints already used&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The Oracle then responds in one of three modes.&lt;/p&gt;

&lt;h3&gt;
  
  
  Cryptic Mode
&lt;/h3&gt;

&lt;p&gt;Used when the player has high daylight and few mistakes.&lt;/p&gt;

&lt;p&gt;The hint remains mysterious and indirect.&lt;/p&gt;

&lt;h3&gt;
  
  
  Balanced Mode
&lt;/h3&gt;

&lt;p&gt;Used when the player has made a mistake or daylight has started falling.&lt;/p&gt;

&lt;p&gt;The hint becomes more practical while still requiring thought.&lt;/p&gt;

&lt;h3&gt;
  
  
  Urgent Mode
&lt;/h3&gt;

&lt;p&gt;Used when daylight is low or the player has made multiple mistakes.&lt;/p&gt;

&lt;p&gt;The hint becomes clearer, but the Oracle is still instructed never to reveal the final answer.&lt;/p&gt;

&lt;p&gt;This creates an AI system that responds to the player’s situation instead of returning the same type of hint every time.&lt;/p&gt;

&lt;p&gt;Most importantly, every request costs daylight.&lt;/p&gt;

&lt;p&gt;The player must decide:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Should I preserve the remaining light and solve the puzzle myself, or sacrifice daylight for guidance?&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;That decision makes Gemini part of the game’s strategy, tension, and economy.&lt;/p&gt;




&lt;h2&gt;
  
  
  Reliable Fallback System
&lt;/h2&gt;

&lt;p&gt;The game also includes level-specific fallback hints.&lt;/p&gt;

&lt;p&gt;If the Gemini API key is unavailable, the request fails, or the model returns no usable text, the game still provides a safe hint instead of breaking.&lt;/p&gt;

&lt;p&gt;This keeps the project playable in local, preview, and production environments.&lt;/p&gt;

&lt;p&gt;The Gemini API key remains server-side through environment variables and is never exposed in client-side code.&lt;/p&gt;




&lt;h2&gt;
  
  
  Fragment Recovery System
&lt;/h2&gt;

&lt;p&gt;Correct answers do more than move the player to the next level.&lt;/p&gt;

&lt;p&gt;Each success triggers a reward moment:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;FRAGMENT RECOVERED&lt;br&gt;&lt;br&gt;
DAYLIGHT RESTORED +10%&lt;br&gt;&lt;br&gt;
TURING NOTE UNLOCKED&lt;br&gt;&lt;br&gt;
MACHINE STABILITY IMPROVED  &lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;This gives every solved puzzle a visible narrative purpose.&lt;/p&gt;

&lt;p&gt;The player is not simply answering questions—they are rebuilding the solstice machine one fragment at a time.&lt;/p&gt;




&lt;h2&gt;
  
  
  Alan Turing Inspiration
&lt;/h2&gt;

&lt;p&gt;Alan Turing’s legacy shaped the entire puzzle journey.&lt;/p&gt;

&lt;p&gt;The game explores:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Caesar ciphers&lt;/li&gt;
&lt;li&gt;Binary communication&lt;/li&gt;
&lt;li&gt;Pattern recognition&lt;/li&gt;
&lt;li&gt;Algorithms&lt;/li&gt;
&lt;li&gt;Logical state decisions&lt;/li&gt;
&lt;li&gt;Code-breaking&lt;/li&gt;
&lt;li&gt;Machine-like reasoning&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Each completed puzzle unlocks a short &lt;strong&gt;Turing Note&lt;/strong&gt; connected to computation, logic, or decoding.&lt;/p&gt;

&lt;p&gt;These notes turn progression into a small learning and storytelling system rather than a simple level counter.&lt;/p&gt;




&lt;h2&gt;
  
  
  Sound and Micro-Animations
&lt;/h2&gt;

&lt;p&gt;I used the browser’s &lt;strong&gt;Web Audio API&lt;/strong&gt; to generate lightweight sound effects without downloading external audio assets.&lt;/p&gt;

&lt;p&gt;The game includes:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A rising light chime for correct answers&lt;/li&gt;
&lt;li&gt;A low dark tone for wrong answers&lt;/li&gt;
&lt;li&gt;A soft Oracle tone for Gemini hints&lt;/li&gt;
&lt;li&gt;Golden feedback flashes&lt;/li&gt;
&lt;li&gt;Red warning pulses&lt;/li&gt;
&lt;li&gt;Blue Oracle glows&lt;/li&gt;
&lt;li&gt;Decoder-wheel reactions&lt;/li&gt;
&lt;li&gt;Reward sparkles&lt;/li&gt;
&lt;li&gt;Button and input micro-interactions&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The effects make the machine feel alive and responsive while avoiding copyrighted sound files.&lt;/p&gt;

&lt;p&gt;The CSS also respects the user’s &lt;code&gt;prefers-reduced-motion&lt;/code&gt; accessibility setting.&lt;/p&gt;




&lt;h2&gt;
  
  
  Design Direction
&lt;/h2&gt;

&lt;p&gt;The visual identity is built around two opposing energies:&lt;/p&gt;

&lt;h3&gt;
  
  
  Daylight
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Gold&lt;/li&gt;
&lt;li&gt;Warm orange&lt;/li&gt;
&lt;li&gt;Solar glow&lt;/li&gt;
&lt;li&gt;Recovery&lt;/li&gt;
&lt;li&gt;Hope&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Night and Computation
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Deep blue&lt;/li&gt;
&lt;li&gt;Black glass panels&lt;/li&gt;
&lt;li&gt;Binary patterns&lt;/li&gt;
&lt;li&gt;Cold light&lt;/li&gt;
&lt;li&gt;Uncertainty&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The circular decoder wheel sits between both sides, representing the machine—and the player—trying to keep them in balance.&lt;/p&gt;




&lt;h2&gt;
  
  
  Challenges I Solved
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Making AI part of gameplay
&lt;/h3&gt;

&lt;p&gt;The biggest design challenge was avoiding a normal “click for help” button.&lt;/p&gt;

&lt;p&gt;The daylight cost and adaptive modes turned Gemini into a meaningful strategic mechanic.&lt;/p&gt;

&lt;h3&gt;
  
  
  Protecting the API key
&lt;/h3&gt;

&lt;p&gt;Gemini requests run through a Next.js server route. The key is stored in &lt;code&gt;GEMINI_API_KEY&lt;/code&gt; and never sent to the browser.&lt;/p&gt;

&lt;h3&gt;
  
  
  Keeping transitions safe
&lt;/h3&gt;

&lt;p&gt;Input and action buttons are disabled during level intros and fragment-recovery overlays, preventing duplicate submissions or accidental hint requests.&lt;/p&gt;

&lt;h3&gt;
  
  
  Flexible answer checking
&lt;/h3&gt;

&lt;p&gt;The answer-normalization system removes formatting differences while keeping the intended solution intact.&lt;/p&gt;

&lt;h3&gt;
  
  
  Making a small game feel complete
&lt;/h3&gt;

&lt;p&gt;Level intros, archive notes, fragments, sounds, risk tracking, and cinematic endings helped transform a small puzzle prototype into a complete journey.&lt;/p&gt;




&lt;h2&gt;
  
  
  Prize Category
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Best Google AI Usage
&lt;/h3&gt;

&lt;p&gt;Gemini is directly integrated into the game’s central risk-and-reward system.&lt;/p&gt;

&lt;p&gt;The Oracle changes its hint style according to the player’s remaining daylight and mistake count. Because every request reduces daylight, AI assistance has an immediate gameplay consequence.&lt;/p&gt;

&lt;p&gt;Gemini is therefore not an external helper—it is a dynamic mechanic inside the game.&lt;/p&gt;

&lt;h3&gt;
  
  
  Best Ode to Alan Turing
&lt;/h3&gt;

&lt;p&gt;The project celebrates Alan Turing through code-breaking, binary systems, algorithms, logic gates, pattern recognition, and machine-inspired reasoning.&lt;/p&gt;

&lt;p&gt;The unlockable Turing Notes connect every completed level to the ideas that helped shape modern computing.&lt;/p&gt;




&lt;h2&gt;
  
  
  What Makes Turing’s Solstice Different
&lt;/h2&gt;

&lt;p&gt;The central idea is simple:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Help has a cost.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;The player can ask an advanced AI for guidance, but doing so weakens the resource needed to survive.&lt;/p&gt;

&lt;p&gt;Every system supports that idea:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Puzzles test reasoning&lt;/li&gt;
&lt;li&gt;Daylight creates pressure&lt;/li&gt;
&lt;li&gt;Wrong answers expand the darkness&lt;/li&gt;
&lt;li&gt;Gemini offers strategic assistance&lt;/li&gt;
&lt;li&gt;Fragments create narrative progression&lt;/li&gt;
&lt;li&gt;Turing Notes reward curiosity&lt;/li&gt;
&lt;li&gt;Sound and motion make the machine react&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The project combines theme, gameplay, artificial intelligence, and presentation into one connected experience.&lt;/p&gt;




&lt;h2&gt;
  
  
  Final Thoughts
&lt;/h2&gt;

&lt;p&gt;I began with the idea of a single solstice-themed cipher.&lt;/p&gt;

&lt;p&gt;It grew into a six-level journey about light, logic, risk, and the process of learning how to decode a machine.&lt;/p&gt;

&lt;p&gt;The final light does not return because the Oracle solves everything for the player.&lt;/p&gt;

&lt;p&gt;It returns because the player learns when to ask for help—and when to trust their own reasoning.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;The machine is waiting.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Can you decode the last light before darkness takes over?&lt;/strong&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  Play the Game
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://turing-s-solstice-by-yousun.vercel.app/" rel="noopener noreferrer"&gt;https://turing-s-solstice-by-yousun.vercel.app/&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Watch the Demo
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://youtu.be/QtAMMGERbeQ" rel="noopener noreferrer"&gt;https://youtu.be/QtAMMGERbeQ&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Explore the Code
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://github.com/yousunlotif-bappy/Turing-s-Solstice-by-Yousun" rel="noopener noreferrer"&gt;https://github.com/yousunlotif-bappy/Turing-s-Solstice-by-Yousun&lt;/a&gt;&lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fjczthlefajb70h43r7r0.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fjczthlefajb70h43r7r0.png" alt=" " width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>gamechallenge</category>
      <category>gamedev</category>
      <category>googleaichallenge</category>
    </item>
    <item>
      <title>Yousun Agri360: Reviving an Unfinished AgriTech Idea into a 10-in-1 Smart Farming Platform</title>
      <dc:creator>Yousun Lotif (Bappy Khan)</dc:creator>
      <pubDate>Wed, 03 Jun 2026 17:45:36 +0000</pubDate>
      <link>https://dev.to/yousunlotifbappy/yousun-agri360-reviving-an-unfinished-agritech-idea-into-a-10-in-1-smart-farming-platform-3kkn</link>
      <guid>https://dev.to/yousunlotifbappy/yousun-agri360-reviving-an-unfinished-agritech-idea-into-a-10-in-1-smart-farming-platform-3kkn</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/github-2026-05-21"&gt;GitHub Finish-Up-A-Thon Challenge&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

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

&lt;p&gt;I built &lt;strong&gt;Yousun Agri360&lt;/strong&gt;, an AI-powered 10-in-1 smart farming platform designed to help small farmers manage their full farming journey from one connected dashboard.&lt;/p&gt;

&lt;p&gt;The idea came from a simple problem: small farmers often need to make important decisions about crop health, weather, market prices, finance, selling, credit, and machinery — but these tools are usually scattered, manual, or difficult to access.&lt;/p&gt;

&lt;p&gt;Yousun Agri360 brings these workflows together in one place.&lt;/p&gt;

&lt;p&gt;Farmers can use the platform to check crop disease support, weather risk alerts, market price insights, farm expense and profit tracking, crop calendar planning, direct selling, credit readiness, Bangla voice support, machinery rental, and smart reports.&lt;/p&gt;

&lt;p&gt;The 10 modules are:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;AgriDoctor AI&lt;/strong&gt; — crop disease detection workflow
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;FarmWeather Guard&lt;/strong&gt; — crop-specific weather risk warning
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;AgriMarket Link&lt;/strong&gt; — market price comparison and best selling option
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Farm2Market&lt;/strong&gt; — farmer-to-buyer marketplace
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;KrishiBot AI&lt;/strong&gt; — farming chatbot assistant
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;AgriCredit AI&lt;/strong&gt; — digital farmer credit profile
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;KrishiVoice&lt;/strong&gt; — Bangla voice assistant concept
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;FarmLedger AI&lt;/strong&gt; — farm cost, income, profit/loss, and ROI calculation
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;CropTime Planner&lt;/strong&gt; — crop calendar and farming task timeline
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;MachineryShare Agri&lt;/strong&gt; — farm machinery rental workflow
&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;To me, Yousun Agri360 is not just a dashboard. It is a foundation for a practical farming operating system that can grow into a real product for small farmers.&lt;/p&gt;

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

&lt;p&gt;&lt;strong&gt;Live Demo:&lt;/strong&gt; &lt;a href="https://yousun-agri360.vercel.app/" rel="noopener noreferrer"&gt;https://yousun-agri360.vercel.app/&lt;/a&gt;&lt;br&gt;&lt;br&gt;
&lt;strong&gt;GitHub Repository:&lt;/strong&gt; &lt;a href="https://github.com/yousunlotif-bappy/yousun-agri360" rel="noopener noreferrer"&gt;https://github.com/yousunlotif-bappy/yousun-agri360&lt;/a&gt;&lt;br&gt;&lt;br&gt;
&lt;strong&gt;Demo Video:&lt;/strong&gt; &lt;a href="https://mega.nz/file/NZ1wnaqa#KbLnth7iDnBa98p6Fh_1-T8Z1Dd7kYnlA8Uof9I8YnQ" rel="noopener noreferrer"&gt;https://mega.nz/file/NZ1wnaqa#KbLnth7iDnBa98p6Fh_1-T8Z1Dd7kYnlA8Uof9I8YnQ&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Main pages to explore:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Landing Page: &lt;a href="https://yousun-agri360.vercel.app/" rel="noopener noreferrer"&gt;https://yousun-agri360.vercel.app/&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Dashboard: &lt;a href="https://yousun-agri360.vercel.app/dashboard" rel="noopener noreferrer"&gt;https://yousun-agri360.vercel.app/dashboard&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;AgriDoctor AI: &lt;a href="https://yousun-agri360.vercel.app/disease-detection" rel="noopener noreferrer"&gt;https://yousun-agri360.vercel.app/disease-detection&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;FarmWeather Guard: &lt;a href="https://yousun-agri360.vercel.app/weather-alert" rel="noopener noreferrer"&gt;https://yousun-agri360.vercel.app/weather-alert&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;FarmLedger AI: &lt;a href="https://yousun-agri360.vercel.app/farm-ledger" rel="noopener noreferrer"&gt;https://yousun-agri360.vercel.app/farm-ledger&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;CropTime Planner: &lt;a href="https://yousun-agri360.vercel.app/crop-calendar" rel="noopener noreferrer"&gt;https://yousun-agri360.vercel.app/crop-calendar&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;AgriCredit AI: &lt;a href="https://yousun-agri360.vercel.app/agri-credit" rel="noopener noreferrer"&gt;https://yousun-agri360.vercel.app/agri-credit&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Reports: &lt;a href="https://yousun-agri360.vercel.app/reports" rel="noopener noreferrer"&gt;https://yousun-agri360.vercel.app/reports&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;
  
  
  The Comeback Story
&lt;/h2&gt;

&lt;p&gt;Before this challenge, Yousun Agri360 was an unfinished agri-tech idea.&lt;/p&gt;

&lt;p&gt;I had the problem direction, but the project was not complete. There was no polished dashboard, no connected user journey, no independent module structure, no backend API layer, and no clear before/after story.&lt;/p&gt;

&lt;p&gt;The original idea was scattered around real farming problems:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Crop disease detection&lt;/li&gt;
&lt;li&gt;Weather uncertainty&lt;/li&gt;
&lt;li&gt;Market price confusion&lt;/li&gt;
&lt;li&gt;Middleman dependency&lt;/li&gt;
&lt;li&gt;Farm cost tracking&lt;/li&gt;
&lt;li&gt;Credit difficulty&lt;/li&gt;
&lt;li&gt;Machinery access&lt;/li&gt;
&lt;li&gt;Low digital literacy&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;During the Finish-Up-A-Thon, I turned that unfinished idea into a working MVP with a clear product structure.&lt;/p&gt;
&lt;h3&gt;
  
  
  Before
&lt;/h3&gt;

&lt;p&gt;The project had:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Rough farmer problem notes&lt;/li&gt;
&lt;li&gt;No complete dashboard&lt;/li&gt;
&lt;li&gt;No module architecture&lt;/li&gt;
&lt;li&gt;No working workflows&lt;/li&gt;
&lt;li&gt;No backend/API structure&lt;/li&gt;
&lt;li&gt;No polished README&lt;/li&gt;
&lt;li&gt;No clear submission story&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;
  
  
  After
&lt;/h3&gt;

&lt;p&gt;Now Yousun Agri360 includes:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A professional landing page&lt;/li&gt;
&lt;li&gt;A smart farmer dashboard&lt;/li&gt;
&lt;li&gt;10 connected farming modules&lt;/li&gt;
&lt;li&gt;Lightweight backend API routes&lt;/li&gt;
&lt;li&gt;Functional MVP workflows&lt;/li&gt;
&lt;li&gt;A reports page&lt;/li&gt;
&lt;li&gt;A public GitHub repository&lt;/li&gt;
&lt;li&gt;A live Vercel deployment&lt;/li&gt;
&lt;li&gt;A clear before/after completion story&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The biggest transformation was turning a rough problem list into a real product experience that users can actually open, navigate, and understand.&lt;/p&gt;
&lt;h2&gt;
  
  
  Features Added
&lt;/h2&gt;
&lt;h3&gt;
  
  
  AgriDoctor AI
&lt;/h3&gt;

&lt;p&gt;Farmers can select a crop, upload a crop image, and receive an AI-style disease diagnosis with confidence score, risk level, possible cause, treatment steps, organic solution, and expert advice.&lt;/p&gt;
&lt;h3&gt;
  
  
  FarmWeather Guard
&lt;/h3&gt;

&lt;p&gt;Farmers can generate crop-specific weather risk reports with warning level, risk score, recommended actions, avoid actions, and next best action.&lt;/p&gt;
&lt;h3&gt;
  
  
  FarmLedger AI
&lt;/h3&gt;

&lt;p&gt;Farmers can calculate total cost, total income, profit/loss, ROI, cost per acre, and receive a simple financial recommendation.&lt;/p&gt;
&lt;h3&gt;
  
  
  CropTime Planner
&lt;/h3&gt;

&lt;p&gt;Farmers can generate a crop calendar with irrigation, fertilizer, disease check, pest check, and harvesting tasks.&lt;/p&gt;
&lt;h3&gt;
  
  
  AgriMarket Link
&lt;/h3&gt;

&lt;p&gt;Farmers can compare market prices, transport cost, demand level, and net income to identify the best selling option.&lt;/p&gt;
&lt;h3&gt;
  
  
  Farm2Market
&lt;/h3&gt;

&lt;p&gt;Farmers can add product listings, simulate buyer orders, and track delivery status.&lt;/p&gt;
&lt;h3&gt;
  
  
  MachineryShare Agri
&lt;/h3&gt;

&lt;p&gt;Farmers can search farm machinery, filter machine type, book machines, start service, and complete service.&lt;/p&gt;
&lt;h3&gt;
  
  
  AgriCredit AI
&lt;/h3&gt;

&lt;p&gt;Farmers can generate a digital credit profile with credit score, risk level, repayment capacity, loan recommendation, and bank/MFI-style summary.&lt;/p&gt;
&lt;h3&gt;
  
  
  KrishiBot AI
&lt;/h3&gt;

&lt;p&gt;A text-based farming assistant that detects the farming problem type, gives simple advice, and recommends the correct module.&lt;/p&gt;
&lt;h3&gt;
  
  
  KrishiVoice
&lt;/h3&gt;

&lt;p&gt;A Bangla voice assistant concept for farmers who may not be comfortable using complex apps or typing long questions.&lt;/p&gt;
&lt;h2&gt;
  
  
  Backend API Routes
&lt;/h2&gt;

&lt;p&gt;I added a lightweight backend layer using &lt;strong&gt;Next.js API Routes&lt;/strong&gt;.&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;API Route&lt;/th&gt;
&lt;th&gt;Purpose&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;/api/agri-doctor&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Crop disease diagnosis&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;/api/weather-risk&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Crop-specific weather risk report&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;/api/farm-ledger&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Farm finance calculation&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;/api/crop-calendar&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Crop calendar generation&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;/api/agri-credit&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Farmer credit scoring&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;/api/reports&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Platform report summary&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;The architecture is simple and scalable:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Frontend Pages
↓
Next.js API Routes
↓
Mock AI / Rule-Based Logic
↓
Smart Farming Results
↓
Reports and Dashboard Insights
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2fmxgv74crhp9mug18vf.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2fmxgv74crhp9mug18vf.png" alt="Yousun Agri360 Dashboard" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This makes the project more than a static UI prototype. The main modules send farmer input to backend API routes and display structured farming results.&lt;/p&gt;

&lt;h2&gt;
  
  
  MVP Limitations
&lt;/h2&gt;

&lt;p&gt;This is a contest MVP, so I kept some parts simulated but honest:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Crop disease detection uses mock AI logic.&lt;/li&gt;
&lt;li&gt;Weather risk uses rule-based conditions.&lt;/li&gt;
&lt;li&gt;KrishiBot uses rule-based responses.&lt;/li&gt;
&lt;li&gt;KrishiVoice is a simulated voice assistant.&lt;/li&gt;
&lt;li&gt;Marketplace and machinery booking use local state.&lt;/li&gt;
&lt;li&gt;No production database is connected yet.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The architecture is ready for real integrations later.&lt;/p&gt;

&lt;h2&gt;
  
  
  Tech Stack
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Next.js&lt;/li&gt;
&lt;li&gt;TypeScript&lt;/li&gt;
&lt;li&gt;Tailwind CSS&lt;/li&gt;
&lt;li&gt;Lucide React&lt;/li&gt;
&lt;li&gt;Next.js API Routes&lt;/li&gt;
&lt;li&gt;Mock AI logic&lt;/li&gt;
&lt;li&gt;Rule-based decision engine&lt;/li&gt;
&lt;li&gt;Vercel deployment&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Future Roadmap
&lt;/h2&gt;

&lt;p&gt;Future upgrades include:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Real crop disease ML model&lt;/li&gt;
&lt;li&gt;Live weather API&lt;/li&gt;
&lt;li&gt;Supabase/PostgreSQL database&lt;/li&gt;
&lt;li&gt;Farmer authentication&lt;/li&gt;
&lt;li&gt;SMS and WhatsApp alerts&lt;/li&gt;
&lt;li&gt;Real speech-to-text and text-to-speech&lt;/li&gt;
&lt;li&gt;Payment integration&lt;/li&gt;
&lt;li&gt;Bank/MFI dashboard&lt;/li&gt;
&lt;li&gt;Marketplace order tracking&lt;/li&gt;
&lt;li&gt;Offline-first mobile version&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  My Experience with GitHub Copilot
&lt;/h2&gt;

&lt;p&gt;GitHub Copilot was a very useful support tool during this project. It helped me work faster and stay more organized, especially when I was writing repeated code and setting up the project structure.&lt;/p&gt;

&lt;p&gt;In this project, Copilot helped me create reusable dashboard components, define TypeScript interfaces for module data, and manage form logic and state handling more easily. It also supported me in writing API route boilerplate and preparing mock AI response structures for testing.&lt;/p&gt;

&lt;p&gt;Another helpful part was building rule-based decision logic and repeated UI card patterns. These sections required similar coding patterns, so Copilot saved time by suggesting useful code ideas that I could modify according to my project needs.&lt;/p&gt;

&lt;p&gt;Copilot also helped me improve the README structure, refactor code, and polish the final project. However, I did not use its suggestions blindly. I reviewed, edited, and customized the code to make sure it matched my project requirements.&lt;/p&gt;

&lt;p&gt;The biggest challenge was keeping a 10-in-1 platform easy to understand. To solve this, I designed each module as an independent workflow. A farmer can use only one module, or use the full connected platform.&lt;/p&gt;

&lt;h2&gt;
  
  
  Final Thoughts
&lt;/h2&gt;

&lt;p&gt;Yousun Agri360 is not just another agriculture app. It is a modular farmer operating system where each service works independently, but together they support the complete farmer journey from planning to production, selling, finance, and machinery access.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>githubchallenge</category>
      <category>nextjs</category>
      <category>ai</category>
    </item>
  </channel>
</rss>
