<?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: Nilam Kumari Mahato</title>
    <description>The latest articles on DEV Community by Nilam Kumari Mahato (@nilammahato10).</description>
    <link>https://dev.to/nilammahato10</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%2F4159679%2F81c36736-4646-40ee-a7c2-0ecda190bc70.jpg</url>
      <title>DEV Community: Nilam Kumari Mahato</title>
      <link>https://dev.to/nilammahato10</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/nilammahato10"/>
    <language>en</language>
    <item>
      <title>🦥 SlothDesk — Less Organizing, More Doing</title>
      <dc:creator>Nilam Kumari Mahato</dc:creator>
      <pubDate>Mon, 26 Oct 2026 06:46:31 +0000</pubDate>
      <link>https://dev.to/nilammahato10/slothdesk-less-organizing-more-doing-2og0</link>
      <guid>https://dev.to/nilammahato10/slothdesk-less-organizing-more-doing-2og0</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;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;We all have those days when our to-do list feels longer than the day itself. There are assignments to finish, project bugs to fix, notes to read, messages to reply to, and deadlines to remember.&lt;/p&gt;

&lt;p&gt;Sometimes, organizing all that work takes almost as much time as actually doing it.&lt;/p&gt;

&lt;p&gt;That gave me an idea: What if we let AI handle the organizing so we could focus on the work itself?&lt;/p&gt;

&lt;p&gt;That's the idea behind SlothDesk, my take on the Slow and Steady theme.&lt;/p&gt;

&lt;p&gt;🌿 What is SlothDesk?&lt;/p&gt;

&lt;p&gt;SlothDesk is an AI-powered productivity assistant designed to reduce the small but repetitive tasks that consume our time and attention.&lt;/p&gt;

&lt;p&gt;Instead of manually sorting every task or reading an entire document to find the important parts, users can give their information to SlothDesk and let AI help organize it.&lt;/p&gt;

&lt;p&gt;The project focuses on two core features.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Smart Task Prioritization 📝&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;We don't always write our tasks in a perfectly organized checklist. Sometimes we just type everything that is on our mind.&lt;/p&gt;

&lt;p&gt;For example:&lt;br&gt;
I need to submit my assignment by tomorrow, fix a login bug before Friday's demo, read the API documentation sometime this week, and prepare for Monday's presentation because it carries a lot of marks.&lt;/p&gt;

&lt;p&gt;Instead of manually converting this paragraph into a to-do list, SlothDesk uses Gemma to analyze the tasks and organize them based on:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Urgency: How soon does the task need to be completed?&lt;/li&gt;
&lt;li&gt;Importance: How much does it matter?&lt;/li&gt;
&lt;li&gt;Deadlines: When does the user need to finish it?&lt;/li&gt;
&lt;li&gt;Impact: What could happen if the task is delayed?&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The goal is to provide a prioritized task list with clear reasons behind the suggested order, helping users understand what needs their attention first.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Quick Note Summarization 📚&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Long documents, college announcements, meeting notes, and lengthy messages often contain just a few points that we really need to remember.&lt;/p&gt;

&lt;p&gt;SlothDesk's second feature focuses on extracting those points.&lt;/p&gt;

&lt;p&gt;Users can provide long text and receive a concise summary containing:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;The main idea.&lt;/li&gt;
&lt;li&gt;Important facts and key points.&lt;/li&gt;
&lt;li&gt;Dates, deadlines, and requirements.&lt;/li&gt;
&lt;li&gt;Action items that need attention.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The goal isn't simply to make text shorter. It's to make important information easier to understand and act on.&lt;/p&gt;

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

&lt;p&gt;Live demo: &lt;a href="https://slothdesk-1.onrender.com/" rel="noopener noreferrer"&gt;SlothDesk&lt;/a&gt;&lt;/p&gt;

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

&lt;p&gt;GitHub repository:&lt;a href="https://github.com/Nilam-Kumari-Mahato/SlothDesk" rel="noopener noreferrer"&gt;SlothDesk&lt;/a&gt;&lt;br&gt;
The project uses a React frontend and a Node.js/Express backend, with Gemma powering the AI features through the Gemini API.&lt;/p&gt;

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

&lt;p&gt;I wanted SlothDesk to be more than a regular to-do list with an AI label attached to it. The AI needed to understand unstructured text and turn it into something useful.&lt;/p&gt;

&lt;p&gt;Here's the planned technology stack:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;React + Vite: For the frontend and interactive interface.&lt;/li&gt;
&lt;li&gt;Tailwind CSS: For the soft sage-green theme and responsive design.&lt;/li&gt;
&lt;li&gt;Node.js + Express: For the backend API.&lt;/li&gt;
&lt;li&gt;Gemma via Gemini API: For interpreting tasks, assigning priorities, and summarizing text.&lt;/li&gt;
&lt;li&gt;Google Gen AI SDK: To connect the backend to the model.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;For task prioritization, the backend sends the user's description to Gemma and requests structured results containing task titles, priorities, deadlines, and reasons. The application validates the response before displaying it.&lt;/p&gt;

&lt;p&gt;For summarization, Gemma extracts the central idea, key points, dates, and action items while keeping the summary faithful to the original content.&lt;/p&gt;

&lt;p&gt;I also wanted the interface to reflect the project's personality. SlothDesk uses a calm pastel-green palette, warm brown accents, handwritten-style typography, and a cute sloth mascot. Productivity tools don't always need to look serious to be useful!&lt;/p&gt;

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

&lt;p&gt;I chose Gemma because I wanted to explore how open-weight models can be used to build practical AI applications.&lt;/p&gt;

&lt;p&gt;A model that can be adapted, evaluated, and run in different environments gives developers flexibility when designing their applications. Open-weight models also make it possible to explore local inference and more customized workflows, depending on the model, hardware, and deployment setup.&lt;/p&gt;

&lt;p&gt;For SlothDesk, the important part is that the AI can interpret natural language rather than relying entirely on manually written rules. People describe their work differently, and the model helps turn those descriptions into structured information.&lt;/p&gt;

&lt;p&gt;Using Gemma has also given me an opportunity to learn more about model integration, prompt design, structured output validation, and building an application around an AI model rather than treating it as a standalone chatbot.&lt;/p&gt;

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

&lt;p&gt;Imagine receiving a long college announcement with several deadlines, or having six different tasks running through your mind at once.&lt;/p&gt;

&lt;p&gt;Normally, you'd need to read everything carefully, identify the important parts, and manually sort your work.&lt;/p&gt;

&lt;p&gt;SlothDesk aims to reduce those extra steps:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;One paragraph becomes a prioritized task list.&lt;/li&gt;
&lt;li&gt;One long text becomes a short, useful summary.&lt;/li&gt;
&lt;li&gt;Important dates and action items become easier to spot.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I haven't quantified the time saved yet, so I won't claim a specific percentage. The intended payoff is fewer minutes spent organizing information and more attention available for the work itself.&lt;/p&gt;

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

&lt;p&gt;&lt;strong&gt;1. Best Use of Gemma&lt;/strong&gt;&lt;br&gt;
Gemma powers SlothDesk's two core features: smart task prioritization and quick note summarization. It helps transform unstructured text into organized, actionable information.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;2. Best Use of Render&lt;/strong&gt;&lt;br&gt;
Render will be used to deploy SlothDesk's backend API, making the AI-powered features accessible to users through the web application.&lt;/p&gt;

&lt;p&gt;My goal is to combine Gemma's language-understanding capabilities with a deployed application that makes everyday productivity a little easier.&lt;/p&gt;

&lt;p&gt;Thanks for checking out SlothDesk! 🌿&lt;/p&gt;

&lt;p&gt;I'd love to hear your thoughts: What's one repetitive task you'd happily let a little sloth handle for you?&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>hf26challenge</category>
    </item>
    <item>
      <title>Building ScopeMate: My Journey Fine-Tuning an Open-Weight AI Model</title>
      <dc:creator>Nilam Kumari Mahato</dc:creator>
      <pubDate>Sun, 18 Oct 2026 09:29:28 +0000</pubDate>
      <link>https://dev.to/nilammahato10/building-scopemate-my-journey-fine-tuning-an-open-weight-ai-model-4cj4</link>
      <guid>https://dev.to/nilammahato10/building-scopemate-my-journey-fine-tuning-an-open-weight-ai-model-4cj4</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;Have you ever received a client message that sounds exciting but doesn't actually explain what they want?&lt;/p&gt;

&lt;p&gt;Something like:&lt;/p&gt;

&lt;p&gt;"Hey! I really like your content. We'd love to collaborate sometime. Let me know if you're interested!"&lt;/p&gt;

&lt;p&gt;It's a nice message, but what happens next? What kind of content do they expect? Is it a paid collaboration? When do they need it? And what exactly am I agreeing to?&lt;/p&gt;

&lt;p&gt;That's the problem I wanted to explore with ScopeMate.&lt;/p&gt;

&lt;p&gt;ScopeMate is an AI assistant I'm building to help content creators, freelancers, and other creative professionals make sense of vague client briefs. It takes an informal message and turns it into a structured project scope, highlighting what's already known and what still needs to be discussed.&lt;/p&gt;

&lt;p&gt;The output includes the project type, requirements, deliverables, budget, timeline, revision limit, missing information, assumptions, and questions worth asking the client.&lt;/p&gt;

&lt;p&gt;The idea is simple: help creators get clarity before committing to a project.&lt;/p&gt;

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

&lt;p&gt;I'm currently demonstrating ScopeMate through a Google Colab notebook, so there's no separate frontend yet.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://colab.research.google.com/drive/1ByhUZuNGmjaT8SULQpjEbzOx0GSZ8z4w?usp=sharing" rel="noopener noreferrer"&gt;Notebook&lt;/a&gt;&lt;/p&gt;

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

&lt;p&gt;&lt;a href="https://github.com/Nilam-Kumari-Mahato/ScopeMate" rel="noopener noreferrer"&gt;github&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I'll include the training notebook, dataset, inference code, and instructions for running the project.&lt;/p&gt;

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

&lt;p&gt;I wanted to do more than just send a prompt to an existing AI API. I wanted to experiment with fine-tuning an open-weight model for a specific task.&lt;/p&gt;

&lt;p&gt;For ScopeMate, I used Google's google/gemma-4-E2B model and worked through a LoRA-based fine-tuning workflow in Google Colab.&lt;/p&gt;

&lt;p&gt;Here's how I approached it.&lt;/p&gt;

&lt;p&gt;Starting with the dataset&lt;/p&gt;

&lt;p&gt;I created 40 examples based on content creation briefs and potential client collaborations:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;30 training examples&lt;/li&gt;
&lt;li&gt;5 validation examples&lt;/li&gt;
&lt;li&gt;5 test examples&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Each example contains a client message and the structured JSON response I want ScopeMate to produce.&lt;/p&gt;

&lt;p&gt;I also checked the dataset's JSON structure and required field types before starting training. Building the dataset helped me think more carefully about the difference between information a client actually provided and information the model should ask about instead of inventing.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Fine-tuning Gemma
I used Hugging Face tools, PyTorch, TRL, and PEFT to experiment with parameter-efficient fine-tuning using LoRA and 4-bit quantization.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;The process involved loading the model, preparing the data, configuring the adapter, setting up the training loop, and evaluating the model on validation data.&lt;/p&gt;

&lt;p&gt;Training completed for three epochs and 12 steps. The final training loss was around 1.78, while the final validation loss was around 2.00.&lt;/p&gt;

&lt;p&gt;These numbers are useful for tracking the experiment, but they don't tell the whole story. I still need a larger dataset and more systematic testing to understand how reliably the model handles different types of client messages.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Testing and saving the model
After training, I tested ScopeMate with client briefs and checked its generated responses. I also saved the trained adapter and backed it up to Google Drive so I can load it again without repeating the training process.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;My current focus is making the inference workflow reproducible and improving the quality of the output on examples the model hasn't seen before.&lt;/p&gt;

&lt;p&gt;Tools I used:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Google Gemma 4 E2B&lt;/li&gt;
&lt;li&gt;Python and PyTorch&lt;/li&gt;
&lt;li&gt;Hugging Face Transformers&lt;/li&gt;
&lt;li&gt;TRL and PEFT&lt;/li&gt;
&lt;li&gt;LoRA and 4-bit quantization&lt;/li&gt;
&lt;li&gt;Google Colab&lt;/li&gt;
&lt;li&gt;JSONL datasets&lt;/li&gt;
&lt;/ul&gt;

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

&lt;p&gt;One thing I liked about this project was being able to experiment with the model itself instead of treating AI as a black box behind an API.&lt;/p&gt;

&lt;p&gt;Using an open-weight model gave me the opportunity to prepare my own dataset, experiment with fine-tuning, inspect the training process, and keep the adapter for future improvements.&lt;/p&gt;

&lt;p&gt;It also made this a useful learning experience. I had to think about data quality, training configuration, model outputs, and evaluation—not just how to write a prompt.&lt;/p&gt;

&lt;p&gt;I think this kind of flexibility is valuable when you're trying to build AI tools for specific problems that general-purpose assistants might not handle consistently.&lt;/p&gt;

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

&lt;p&gt;I'm entering the Google Gemma category with ScopeMate.&lt;/p&gt;

&lt;p&gt;ScopeMate uses Google's open-weight Gemma 4 E2B model, which I fine-tuned using a custom dataset and a LoRA-based workflow.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>hf26challenge</category>
    </item>
    <item>
      <title>GrassQuest — Less Scrolling More Exploring!</title>
      <dc:creator>Nilam Kumari Mahato</dc:creator>
      <pubDate>Mon, 12 Oct 2026 05:41:17 +0000</pubDate>
      <link>https://dev.to/nilammahato10/grassquest-less-scrolling-more-exploring-2m5m</link>
      <guid>https://dev.to/nilammahato10/grassquest-less-scrolling-more-exploring-2m5m</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;GrassQuest is a nature-exploration companion designed to help people take a break from their screens and reconnect with the world around them. 🌱&lt;/p&gt;

&lt;p&gt;We spend so much time scrolling, studying, coding, and staring at screens that we sometimes forget to notice the little things around us—a tiny flower growing beside a path, birds singing in the morning, clouds changing shapes, or the peaceful feeling of walking outdoors.&lt;/p&gt;

&lt;p&gt;I wanted to build something that makes going outside feel fun rather than like another task on a to-do list.&lt;/p&gt;

&lt;p&gt;With GrassQuest, users can choose their mood, interests, preferred duration, and environment to get a personalized nature-based quest. Whether it's observing flowers, listening to birds, exploring nearby greenery, or simply taking a mindful break, each quest encourages users to step away from their screens and experience the real world.&lt;/p&gt;

&lt;p&gt;🌼 The goal: Less endless scrolling, more real-world exploring!&lt;/p&gt;

&lt;p&gt;GrassQuest also features a cute sticker-reward concept to make completing quests feel more playful and rewarding.&lt;/p&gt;

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

&lt;p&gt;🎥 YouTube Demo: Watch &lt;a href="https://www.youtube.com/watch?v=uysGqTIl-w4" rel="noopener noreferrer"&gt;GrassQuest&lt;/a&gt;in action&lt;/p&gt;

&lt;p&gt;The demo walks through the GrassQuest experience, from selecting preferences to generating a nature quest and exploring its reward system.&lt;/p&gt;

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

&lt;p&gt;GitHub Repository: Explore the &lt;a href="https://github.com/Nilam-Kumari-Mahato/GrassQuest" rel="noopener noreferrer"&gt;GrassQUest&lt;/a&gt; source code .&lt;/p&gt;

&lt;p&gt;GrassQuest is an open-source project built to experiment with making AI useful beyond the screen.&lt;/p&gt;

&lt;p&gt;Feel free to explore the code, share feedback, and contribute ideas!&lt;/p&gt;

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

&lt;p&gt;I built GrassQuest using a web-based frontend and a backend that connects the user experience to AI-powered quest generation.&lt;/p&gt;

&lt;p&gt;Tech stack:&lt;/p&gt;

&lt;p&gt;React + Vite — Frontend and interactive user interface&lt;/p&gt;

&lt;p&gt;Tailwind CSS — Styling and responsive design&lt;/p&gt;

&lt;p&gt;Node.js + Express — Backend API&lt;/p&gt;

&lt;p&gt;Ollama + Gemma — Local inference with an open-weight AI model&lt;/p&gt;

&lt;p&gt;Git and GitHub — Version control and open-source collaboration&lt;/p&gt;

&lt;p&gt;The idea is to use AI to turn a few simple preferences—such as mood, interests, time available, and surroundings—into an actionable nature quest.&lt;/p&gt;

&lt;p&gt;Instead of asking users to spend more time chatting with an AI, GrassQuest uses AI as a starting point for an offline experience. The generated quest should encourage users to put their devices away and engage with their environment.&lt;br&gt;&lt;br&gt;
And I have also added Stickers as award upon completion of quests&lt;/p&gt;

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

&lt;p&gt;For GrassQuest, open innovation matters because AI should help people engage with the world, not just spend more time online.&lt;/p&gt;

&lt;p&gt;Using open-weight AI models and local inference gives developers more control over how AI-powered experiences are built and lets them experiment without depending entirely on a closed, paid API.&lt;/p&gt;

&lt;p&gt;It also makes the project a learning opportunity: I can explore how AI models can be integrated into a real application, understand the backend integration, and experiment with prompts and outputs.&lt;/p&gt;

&lt;p&gt;Open-source tools make this kind of experimentation more accessible to students and independent developers. They also make it easier for others to inspect the implementation, suggest improvements, and build on the idea.&lt;/p&gt;

&lt;p&gt;I built GrassQuest as a small step toward using AI more intentionally—not just to generate more digital content, but to inspire meaningful experiences offline. 🌿&lt;/p&gt;

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

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Best Use of Gemma&lt;/strong&gt; — GrassQuest uses Google's open-weight Gemma model through Ollama for AI-powered nature quest generation.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Thanks for checking out GrassQuest! 🌱&lt;/p&gt;

&lt;p&gt;Sometimes the best quest isn't on a screen. It's waiting just outside your door. 🍀&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>hf26challenge</category>
    </item>
    <item>
      <title>DesignSpark — Never Stare at a Blank Figma Canvas Again ✨</title>
      <dc:creator>Nilam Kumari Mahato</dc:creator>
      <pubDate>Mon, 05 Oct 2026 02:25:46 +0000</pubDate>
      <link>https://dev.to/nilammahato10/designspark-never-stare-at-a-blank-figma-canvas-again-1p6i</link>
      <guid>https://dev.to/nilammahato10/designspark-never-stare-at-a-blank-figma-canvas-again-1p6i</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;DesignSpark is an AI-powered UI/UX design challenge generator that I built for a friend who is learning UI/UX design.&lt;br&gt;
One of the biggest problems she faces isn't knowing how to design.&lt;br&gt;
It's knowing what to design.&lt;br&gt;
Sometimes you open Figma, create a new blank frame, and then spend more time thinking:&lt;br&gt;
"Okay... but what should I actually make?"&lt;/p&gt;

&lt;p&gt;That's where DesignSpark comes in.&lt;br&gt;
Instead of generating a complete UI, DesignSpark gives you a realistic design problem to solve yourself.&lt;br&gt;
You choose:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;🎯 A design category&lt;/li&gt;
&lt;li&gt;📊 A difficulty level
And DesignSpark generates a structured design challenge containing things like:&lt;/li&gt;
&lt;li&gt;A realistic problem&lt;/li&gt;
&lt;li&gt;Target users&lt;/li&gt;
&lt;li&gt;User scenario&lt;/li&gt;
&lt;li&gt;Design objective&lt;/li&gt;
&lt;li&gt;Design task&lt;/li&gt;
&lt;li&gt;Constraints&lt;/li&gt;
&lt;li&gt;Edge cases&lt;/li&gt;
&lt;li&gt;Things to think about&lt;/li&gt;
&lt;li&gt;Suggested number of screens
For example:
Category: Healthcare
Difficulty: Intermediate&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Challenge:&lt;br&gt;
Design a medication management experience&lt;br&gt;
for elderly users who take multiple medications&lt;br&gt;
throughout the day.&lt;/p&gt;

&lt;p&gt;Target User:&lt;br&gt;
Adults aged 60+ managing daily medication.&lt;/p&gt;

&lt;p&gt;Constraints:&lt;br&gt;
• The experience should be easy to understand.&lt;br&gt;
• Consider accessibility and readability.&lt;br&gt;
• Handle missed medication scenarios.&lt;/p&gt;

&lt;p&gt;Edge Cases:&lt;br&gt;
• A user forgets a dose.&lt;br&gt;
• Medication schedule changes.&lt;br&gt;
• Multiple medications have overlapping times.&lt;/p&gt;

&lt;p&gt;The important part is that DesignSpark doesn't design the solution for you.&lt;br&gt;
It gives you the problem.&lt;br&gt;
You bring the creativity. We bring the challenge. ✨&lt;/p&gt;

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

&lt;p&gt;Live Demo:&lt;a href="https://designspark-1.onrender.com/" rel="noopener noreferrer"&gt;DesignSpark&lt;/a&gt;&lt;br&gt;
Demo Video:&lt;a href="https://youtu.be/LwGrssUzlGw" rel="noopener noreferrer"&gt;VideoDemo&lt;/a&gt;&lt;/p&gt;

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

&lt;p&gt;GitHub:&lt;a href="https://github.com/Nilam-Kumari-Mahato/DesignSpark" rel="noopener noreferrer"&gt;Github Repo&lt;/a&gt;&lt;/p&gt;

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

&lt;p&gt;The core stack is:&lt;br&gt;
Frontend&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;React&lt;/li&gt;
&lt;li&gt;TypeScript&lt;/li&gt;
&lt;li&gt;Vite&lt;/li&gt;
&lt;li&gt;Tailwind CSS&lt;/li&gt;
&lt;li&gt;React Router&lt;/li&gt;
&lt;li&gt;Lucide React&lt;/li&gt;
&lt;li&gt;Framer Motion
Backend&lt;/li&gt;
&lt;li&gt;Node.js&lt;/li&gt;
&lt;li&gt;Express.js&lt;/li&gt;
&lt;li&gt;Zod&lt;/li&gt;
&lt;li&gt;CORS&lt;/li&gt;
&lt;li&gt;dotenv
AI
The most important part of DesignSpark is Gemma 4.
I use the open-weight Gemma 4 model through Google's API to generate the design challenges.
The architecture looks like this:
            DesignSpark
                 │
                 ▼
         React + TypeScript
                 │
                 │ category
                 │ difficulty
                 ▼
         Express.js Backend
                 │
                 ▼
          Challenge Prompt
                 │
                 ▼
              Gemma 4
                 │
                 ▼
        Structured Challenge
                 │
                 ▼
         React Challenge UI&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I deliberately kept the AI on the backend rather than calling it directly from the frontend so that the API key isn't exposed to the client.&lt;br&gt;
The backend also validates the user's category and difficulty before sending the request to the model.&lt;br&gt;
The AI's role&lt;br&gt;
I wanted to avoid building another tool where AI simply creates a UI and the human watches.&lt;br&gt;
Instead, Gemma acts more like a design challenge mentor.&lt;br&gt;
The prompt tells the model:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Don't generate HTML/CSS.&lt;/li&gt;
&lt;li&gt;Don't generate code.&lt;/li&gt;
&lt;li&gt;Don't create a wireframe.&lt;/li&gt;
&lt;li&gt;Don't specify the exact UI layout.&lt;/li&gt;
&lt;li&gt;Don't solve the design problem.&lt;/li&gt;
&lt;li&gt;Give the designer enough context to solve it creatively.
This means the AI provides the starting point, while the human still does the actual design work.&lt;/li&gt;
&lt;/ul&gt;

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

&lt;p&gt;For DesignSpark, open innovation is important because the goal isn't just to use AI — it's to use AI in a way that keeps the human creative process at the center.&lt;br&gt;
A closed AI system could generate a complete interface for the user.&lt;br&gt;
But that's not what I wanted.&lt;br&gt;
I'm building DesignSpark for someone who is trying to learn design.&lt;br&gt;
If the AI creates the entire solution, she doesn't get to practice the skills she's trying to develop.&lt;br&gt;
Using an open-weight model like Gemma lets me build an AI-assisted workflow where the model provides structured challenges while the designer remains responsible for the creative decisions.&lt;br&gt;
It also gives developers more freedom to experiment with how AI is integrated into applications rather than treating AI as a black-box feature.&lt;br&gt;
For DesignSpark, open innovation makes it possible to explore a different question:&lt;br&gt;
What if AI didn't replace the creative process, but helped people start it?&lt;/p&gt;

&lt;p&gt;That's the idea behind DesignSpark.&lt;/p&gt;

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

&lt;p&gt;I used an AI coding agent during development to help structure the Express backend, integrate the Gemma 4 API, and improve the project architecture.&lt;/p&gt;

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

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Gemma&lt;/strong&gt; — Gemma 4 is the core AI model powering DesignSpark's design challenge generation.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Render&lt;/strong&gt; — The DesignSpark is deployed on Render .&lt;/li&gt;
&lt;/ul&gt;

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