<?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: Aiman Fatima</title>
    <description>The latest articles on DEV Community by Aiman Fatima (@aiman_fatima_d0dff0538f23).</description>
    <link>https://dev.to/aiman_fatima_d0dff0538f23</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%2F4163695%2Fa597b868-3739-4455-ad6c-58f28219f80a.png</url>
      <title>DEV Community: Aiman Fatima</title>
      <link>https://dev.to/aiman_fatima_d0dff0538f23</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/aiman_fatima_d0dff0538f23"/>
    <language>en</language>
    <item>
      <title>GHOSTLY AI</title>
      <dc:creator>Aiman Fatima</dc:creator>
      <pubDate>Tue, 27 Oct 2026 10:29:57 +0000</pubDate>
      <link>https://dev.to/aiman_fatima_d0dff0538f23/ghostly-ai-2d2f</link>
      <guid>https://dev.to/aiman_fatima_d0dff0538f23/ghostly-ai-2d2f</guid>
      <description>&lt;h1&gt;
  
  
  👻 Ghostly AI — The Haunted Story Generator
&lt;/h1&gt;

&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/hacktoberfest-week4-2026-10-26"&gt;Hacktoberfest Open-Source AI Challenge Week 4: Ghost in the Machine&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;

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

&lt;p&gt;Ghostly AI is a spooky interactive website that brings horror stories to life through the theme of haunted machines, mysterious messages, and forgotten memories.&lt;/p&gt;

&lt;p&gt;Users can enter their own story ideas, choose a horror mood, and generate creepy stories. The project combines a dark, neon-inspired interface with an offline story generator and an optional integration with Ollama for locally running open-weight AI models.&lt;/p&gt;

&lt;p&gt;I chose this idea because machines are a big part of our lives, but imagining what happens when a machine starts behaving in mysterious ways makes technology feel a little spooky!&lt;/p&gt;

&lt;h2&gt;
  
  
  Demo
&lt;/h2&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F5b92ksiy3a7n3pqomf9q.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%2F5b92ksiy3a7n3pqomf9q.PNG" alt=" " width="" height=""&gt;&lt;/a&gt;&lt;br&gt;
👻 &lt;strong&gt;Try Ghostly AI:&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
&lt;a href="https://aiman00-coder.github.io/GHOSTLY-AI/" rel="noopener noreferrer"&gt;https://aiman00-coder.github.io/GHOSTLY-AI/&lt;/a&gt;&lt;/p&gt;

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

&lt;p&gt;💻 &lt;strong&gt;GitHub Repository:&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
&lt;a href="https://github.com/Aiman00-coder/GHOSTLY-AI" rel="noopener noreferrer"&gt;https://github.com/Aiman00-coder/GHOSTLY-AI&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The project is built using three separate files:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;index.html&lt;/code&gt; — Website structure&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;style.css&lt;/code&gt; — Dark theme, animations, and visual design&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;script.js&lt;/code&gt; — Story generation and interactive features&lt;/li&gt;
&lt;/ul&gt;

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

&lt;p&gt;I built Ghostly AI using HTML, CSS, and JavaScript.&lt;/p&gt;

&lt;p&gt;HTML provides the website structure, CSS creates the spooky atmosphere with purple neon effects and floating animations, and JavaScript handles user input, horror moods, story generation, and copying stories.&lt;/p&gt;

&lt;p&gt;The project includes a rule-based offline story generator and an optional integration with Ollama to run an open-weight language model locally.&lt;/p&gt;

&lt;p&gt;The local AI integration is designed to generate original stories from user prompts without relying on a hosted AI API. It requires Ollama and a compatible model to be installed and running.&lt;/p&gt;

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

&lt;p&gt;Open innovation gives developers the freedom to experiment, customize technology, and build projects without depending entirely on closed AI services.&lt;/p&gt;

&lt;p&gt;With locally running open-weight models, developers can explore AI while keeping prompts on their own machines instead of sending them to an external AI provider. They can also experiment with different models and change how their applications behave.&lt;/p&gt;

&lt;p&gt;Another important part of this project is its offline story generator, which provides a basic experience without an internet connection or an AI model.&lt;/p&gt;

&lt;p&gt;For me, this project is an opportunity to explore how open technologies can make AI more accessible, customizable, and privacy-friendly.&lt;/p&gt;

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

&lt;p&gt;I used AI assistance to help plan the project structure, write the HTML, CSS, and JavaScript, and prepare the project documentation.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;An agent session recording can be added here if available.&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  The Spirit of It
&lt;/h2&gt;

&lt;p&gt;Imagine opening an old computer late at night and seeing a message appear on the screen:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;"YOU LEFT ME HERE."&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;That small moment inspired Ghostly AI. I wanted to turn a simple website into an interactive experience where technology, imagination, and horror meet.&lt;/p&gt;

&lt;p&gt;Sometimes, the creepiest stories begin with a machine that should have been switched off.&lt;/p&gt;

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

&lt;p&gt;This project explores the open-source AI theme through its optional local-model integration.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Add specific partner prize categories here only if the project meets their eligibility requirements.&lt;/em&gt;&lt;/p&gt;




&lt;p&gt;&lt;strong&gt;Made with curiosity, code, and a little bit of darkness. 👻&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>hf26challenge</category>
    </item>
    <item>
      <title>LazyMate AI</title>
      <dc:creator>Aiman Fatima</dc:creator>
      <pubDate>Wed, 21 Oct 2026 04:17:31 +0000</pubDate>
      <link>https://dev.to/aiman_fatima_d0dff0538f23/lazymate-ai-1g88</link>
      <guid>https://dev.to/aiman_fatima_d0dff0538f23/lazymate-ai-1g88</guid>
      <description>&lt;h1&gt;
  
  
  🦥 LazyMate AI — Work Smarter, Rest Easier
&lt;/h1&gt;

&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;I built &lt;strong&gt;LazyMate AI&lt;/strong&gt;, a student-friendly productivity website that helps people manage their daily tasks without feeling overwhelmed.&lt;/p&gt;

&lt;p&gt;Sometimes, we have so many things to do that even deciding where to start becomes difficult. LazyMate AI is designed to make that easier by allowing users to:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;📝 Add, delete, and organize daily tasks.&lt;/li&gt;
&lt;li&gt;🎯 Set priorities for different tasks.&lt;/li&gt;
&lt;li&gt;✅ Track completed tasks and overall progress.&lt;/li&gt;
&lt;li&gt;💾 Save tasks in the browser using local storage.&lt;/li&gt;
&lt;li&gt;🧠 Generate a simple, low-stress task plan using a locally running AI model.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The goal is simple: spend less energy organizing your work and more time doing what matters.&lt;/p&gt;

&lt;h2&gt;
  
  
  Demo
&lt;/h2&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F89wn757cn9zgm8gl72ru.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%2F89wn757cn9zgm8gl72ru.png" alt=" " width="800" height="398"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🌐 &lt;strong&gt;Live Website:&lt;/strong&gt; &lt;a href="https://aiman00-coder.github.io/LazyMate-AI-/" rel="noopener noreferrer"&gt;Try LazyMate AI&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The website provides a simple dashboard where users can manage tasks and monitor their progress.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Note: The AI planning feature requires Ollama and the selected model to be running locally. The deployed GitHub Pages website cannot access Ollama running on your personal computer automatically.&lt;/em&gt;&lt;/p&gt;

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

&lt;p&gt;💻 &lt;strong&gt;GitHub Repository:&lt;/strong&gt; &lt;a href="https://github.com/Aiman00-coder/LazyMate-AI-" rel="noopener noreferrer"&gt;Aiman00-coder/LazyMate-AI-&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The project is built using three separate files:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;index.html&lt;/code&gt; — Website structure&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;style.css&lt;/code&gt; — Styling and responsive design&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;script.js&lt;/code&gt; — Task management, browser storage, and AI integration&lt;/li&gt;
&lt;/ul&gt;

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

&lt;p&gt;I used HTML, CSS, and JavaScript to build the website and create an interactive dashboard.&lt;/p&gt;

&lt;p&gt;For the AI component, I designed the application to connect to &lt;strong&gt;Ollama with the Llama 3.2 model&lt;/strong&gt;, allowing the assistant to generate task plans using local inference instead of a paid AI API.&lt;/p&gt;

&lt;p&gt;The JavaScript sends unfinished tasks and their priorities to the local model when the user requests a plan. The model then suggests a manageable order of tasks, small steps, and breaks.&lt;/p&gt;

&lt;p&gt;This approach also gave me an opportunity to learn about browser storage, asynchronous JavaScript, API requests, and connecting an AI model to a frontend application.&lt;/p&gt;

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

&lt;p&gt;Open innovation makes it easier for developers and students to experiment with AI without depending entirely on paid, closed APIs.&lt;/p&gt;

&lt;p&gt;By using a locally running model, LazyMate AI can keep task data on the user's machine during AI processing, offer more control over prompts, and make it possible to experiment with different compatible models.&lt;/p&gt;

&lt;p&gt;It also helped me understand that building an AI-powered application doesn't always require an expensive API subscription.&lt;/p&gt;

&lt;p&gt;The model needs to be downloaded first, and its license should be checked before describing it as fully open-source.&lt;/p&gt;

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

&lt;p&gt;I developed this project with AI-assisted coding and used the experience to explore how a frontend application can connect to a local AI model.&lt;/p&gt;

&lt;p&gt;I haven't included a DevRelay session link yet.&lt;/p&gt;

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

&lt;p&gt;LazyMate AI is built around one idea: &lt;strong&gt;you don't have to do everything at once to make progress.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Instead of repeatedly deciding which task to start, users can organize their tasks, identify priorities, and request an AI-generated plan.&lt;/p&gt;

&lt;p&gt;The project is an exploration of how small automations can reduce decision fatigue and make everyday productivity feel more manageable.&lt;/p&gt;

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

&lt;p&gt;This project focuses on the challenge's &lt;strong&gt;Slow and Steady&lt;/strong&gt; theme through task management and AI-assisted planning.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>hf26challenge</category>
    </item>
    <item>
      <title>HustleMate AI</title>
      <dc:creator>Aiman Fatima</dc:creator>
      <pubDate>Thu, 15 Oct 2026 17:45:31 +0000</pubDate>
      <link>https://dev.to/aiman_fatima_d0dff0538f23/hustlemate-ai-439p</link>
      <guid>https://dev.to/aiman_fatima_d0dff0538f23/hustlemate-ai-439p</guid>
      <description>&lt;h1&gt;
  
  
  HustleMate AI 🚀 — Your AI-Powered Side-Hustle Assistant
&lt;/h1&gt;

&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://aiman00-coder.github.io/HustleMate-AI/" rel="noopener noreferrer"&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 &lt;strong&gt;HustleMate AI&lt;/strong&gt;, a web-based assistant designed to help freelancers, creators, and small-business owners manage everyday business tasks more efficiently.&lt;/p&gt;

&lt;p&gt;Starting a side hustle means wearing many hats: marketer, salesperson, product manager, and business planner. Not everyone has the budget to pay for multiple tools or hire professionals for every task.&lt;/p&gt;

&lt;p&gt;HustleMate AI brings several useful tools together in one simple dashboard:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;✍️ &lt;strong&gt;AI Content Writer&lt;/strong&gt; — helps draft marketing content and social media posts.&lt;/li&gt;
&lt;li&gt;🛍️ &lt;strong&gt;Product Listing Assistant&lt;/strong&gt; — helps create clear, engaging product descriptions.&lt;/li&gt;
&lt;li&gt;💰 &lt;strong&gt;Pricing Assistant&lt;/strong&gt; — estimates service prices based on costs, time, and desired margins.&lt;/li&gt;
&lt;li&gt;📄 &lt;strong&gt;Proposal Generator&lt;/strong&gt; — helps prepare initial proposals for potential clients.&lt;/li&gt;
&lt;li&gt;⚙️ &lt;strong&gt;AI Settings&lt;/strong&gt; — allows users to configure their local AI model connection.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The goal is to reduce the time spent on repetitive business tasks so people can focus more on growing their side hustles.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Who is it for?&lt;/strong&gt; Freelancers, online sellers, independent creators, and anyone building a small business.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What problem does it solve?&lt;/strong&gt; It makes common business workflows easier to manage without needing a collection of separate tools.&lt;/p&gt;

&lt;h2&gt;
  
  
  Demo
&lt;/h2&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fhb47qq8ylnq4jgsppqzw.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%2Fhb47qq8ylnq4jgsppqzw.png" alt=" " width="800" height="404"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🚀 &lt;strong&gt;Live Website:&lt;/strong&gt; &lt;a href="https://aiman00-coder.github.io/HustleMate-AI/" rel="noopener noreferrer"&gt;https://aiman00-coder.github.io/HustleMate-AI/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Explore the dashboard and try its available tools.&lt;/p&gt;

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

&lt;p&gt;💻 &lt;strong&gt;GitHub Repository:&lt;/strong&gt; &lt;a href="https://github.com/Aiman00-coder/HustleMate-AI" rel="noopener noreferrer"&gt;https://github.com/Aiman00-coder/HustleMate-AI&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The project uses three core frontend files:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;index.html&lt;/code&gt; — structures the dashboard and tool interfaces.&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;style.css&lt;/code&gt; — provides the styling and responsive layout.&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;script.js&lt;/code&gt; — handles interactions, pricing calculations, and AI requests.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The source code is available for people who want to explore, learn from, or contribute to the project.&lt;/p&gt;

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

&lt;p&gt;I built HustleMate AI using &lt;strong&gt;HTML, CSS, and vanilla JavaScript&lt;/strong&gt; to keep the application lightweight and easy to understand.&lt;/p&gt;

&lt;p&gt;For local AI inference, the project is designed to connect to &lt;strong&gt;Ollama&lt;/strong&gt;, which can run open-weight language models on a user's own machine. One example model configuration is &lt;code&gt;qwen2.5:3b&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;The intended architecture is straightforward:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;The frontend collects a user's task and relevant details.&lt;/li&gt;
&lt;li&gt;JavaScript sends an AI generation request to the configured Ollama endpoint.&lt;/li&gt;
&lt;li&gt;The model generates a draft or suggestion.&lt;/li&gt;
&lt;li&gt;The result is displayed in the dashboard for the user to review and edit.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;The pricing assistant also provides a calculation-based workflow for estimating prices.&lt;/p&gt;

&lt;p&gt;Because the frontend is deployed on GitHub Pages while Ollama normally runs locally, AI requests require a compatible local Ollama setup and appropriate browser-origin configuration. The hosted website does not itself host the AI model.&lt;/p&gt;

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

&lt;p&gt;Open innovation matters because powerful tools should not be limited to people and businesses that can afford expensive software subscriptions.&lt;/p&gt;

&lt;p&gt;By building around open-source frontend technologies and supporting locally run open-weight models, HustleMate AI explores several benefits:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;More control:&lt;/strong&gt; Users can choose a compatible model and manage their own local setup.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Privacy-conscious AI:&lt;/strong&gt; With a correctly configured local setup, prompts can be processed on the user's machine instead of being sent to a hosted AI provider.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Flexibility:&lt;/strong&gt; Developers can experiment with different models and improve the workflows.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Accessibility:&lt;/strong&gt; Freelancers and small businesses can explore AI-assisted work without needing to build an AI model from scratch.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Community collaboration:&lt;/strong&gt; Other developers can suggest improvements, fix bugs, and add new features.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;A closed API can be convenient, but it may tie an application to a particular provider, pricing model, or service. Open-weight models give developers another option: run inference locally and adapt the application around their needs.&lt;/p&gt;

&lt;p&gt;For me, this project is a small example of how open innovation can make practical AI tools more approachable for people building something of their own.&lt;/p&gt;

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

&lt;p&gt;Please select the partner categories you are entering according to the official challenge rules. Only list categories for which the project meets the eligibility requirements.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>hf26challenge</category>
    </item>
    <item>
      <title>🌿 Touch Grass: An Open-Source AI Nature Companion to Get You Offline and Outdoors</title>
      <dc:creator>Aiman Fatima</dc:creator>
      <pubDate>Fri, 09 Oct 2026 19:30:09 +0000</pubDate>
      <link>https://dev.to/aiman_fatima_d0dff0538f23/touch-grass-an-open-source-ai-nature-companion-to-get-you-offline-and-outdoors-3ic9</link>
      <guid>https://dev.to/aiman_fatima_d0dff0538f23/touch-grass-an-open-source-ai-nature-companion-to-get-you-offline-and-outdoors-3ic9</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;h1&gt;
  
  
  🌿 Touch Grass — Your Nature Companion
&lt;/h1&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fpkmjb0qsaow16cynfrkv.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%2Fpkmjb0qsaow16cynfrkv.png" alt=" " width="800" height="533"&gt;&lt;/a&gt;&lt;/p&gt;

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

&lt;p&gt;I built &lt;strong&gt;Touch Grass&lt;/strong&gt;, a nature-themed web application designed to encourage people to spend less time in front of screens and more time exploring the real world.&lt;/p&gt;

&lt;p&gt;As students and developers, we often spend hours using laptops, smartphones, and other digital devices. Technology helps us learn and create, but spending all our free time online can make us forget the simple things around us, such as taking a walk, observing trees, listening to birds, or enjoying fresh air.&lt;/p&gt;

&lt;p&gt;I wanted to build something that uses technology to encourage people to take a break from technology itself.&lt;/p&gt;

&lt;p&gt;Touch Grass makes this idea simple and enjoyable through small outdoor challenges and activity suggestions. Instead of asking people to change their entire routine, it encourages them to start with small, achievable actions.&lt;/p&gt;

&lt;h3&gt;
  
  
  🌱 Key Features
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Nature Challenges:&lt;/strong&gt; Discover simple outdoor activities, such as taking a short walk, observing a tree, listening to birds, or watching the sunset.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Mood-Based Suggestions:&lt;/strong&gt; Choose your mood and available time to receive a suitable activity recommendation.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Progress Tracking:&lt;/strong&gt; Complete challenges, earn points, and track your progress.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Nature Journal:&lt;/strong&gt; Write down observations and memorable experiences from your time outdoors.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Local Data Storage:&lt;/strong&gt; Save supported progress and journal entries in the browser using local storage.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Responsive Interface:&lt;/strong&gt; Access the application through a modern web browser on desktop and mobile screens.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  🎯 Who Is It For?
&lt;/h3&gt;

&lt;p&gt;Touch Grass is for students, developers, remote workers, and anyone who spends a lot of time indoors or on digital devices and wants an easy way to reconnect with nature.&lt;/p&gt;

&lt;p&gt;The main idea is simple: &lt;strong&gt;technology should not only keep us connected to our screens; it can also encourage us to step away from them.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;The current version is a working front-end prototype. Its activity recommendation system uses predefined JavaScript rules. Integrating an open-source AI model for more personalized recommendations is a planned next step.&lt;/p&gt;

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

&lt;p&gt;🌐 &lt;strong&gt;Live Website:&lt;/strong&gt; &lt;a href="https://aiman00-coder.github.io/Touch-Grass/" rel="noopener noreferrer"&gt;https://aiman00-coder.github.io/Touch-Grass/&lt;/a&gt;&lt;/p&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F2hahwgyxfn25rqw9a0ax.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%2F2hahwgyxfn25rqw9a0ax.PNG" alt=" " width="800" height="403"&gt;&lt;/a&gt;&lt;br&gt;
💻 &lt;strong&gt;GitHub Repository:&lt;/strong&gt; &lt;a href="https://github.com/Aiman00-coder/Touch-Grass" rel="noopener noreferrer"&gt;https://github.com/Aiman00-coder/Touch-Grass&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;You can visit the live website to explore the interface and try the available features.&lt;/p&gt;

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

&lt;p&gt;The source code is available on GitHub:&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://github.com/Aiman00-coder/Touch-Grass" rel="noopener noreferrer"&gt;https://github.com/Aiman00-coder/Touch-Grass&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The project is built with separate HTML, CSS, and JavaScript files to keep the code easy to understand, maintain, and extend.&lt;/p&gt;

&lt;h3&gt;
  
  
  Technology Stack
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;HTML5:&lt;/strong&gt; Structures the application and its content.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;CSS3:&lt;/strong&gt; Creates the visual design, layout, and responsive styling.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;JavaScript:&lt;/strong&gt; Powers the interactive features, activity recommendations, and progress tracking.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;localStorage:&lt;/strong&gt; Stores supported user progress and journal entries in the browser.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Project Structure
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Touch-Grass/
├── index.html
├── style.css
├── script.js
└── README.md
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;I kept the implementation lightweight so that it can run directly in a browser without requiring a complicated installation process.&lt;/p&gt;

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

&lt;p&gt;I built Touch Grass using HTML, CSS, and JavaScript, with the goal of making a simple, accessible, and interactive nature companion.&lt;/p&gt;

&lt;p&gt;I started by designing the application's structure in HTML, then used CSS to create its nature-inspired appearance and responsive layout. JavaScript handles the interactions, including activity recommendations, challenge completion, points, and journal functionality.&lt;/p&gt;

&lt;p&gt;The activity recommendation feature currently uses predefined rules based on the user's selected mood and available time. The application also uses browser local storage to retain supported progress and journal data between visits.&lt;/p&gt;

&lt;h3&gt;
  
  
  My Open-Source AI Roadmap
&lt;/h3&gt;

&lt;p&gt;The longer-term goal is to make Touch Grass more personalized with an open-source AI model.&lt;/p&gt;

&lt;p&gt;One approach I am considering is running a compatible open-weight language model locally through Ollama, with a small backend connecting the model to the web application.&lt;/p&gt;

&lt;p&gt;The planned workflow would be:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;The user selects their mood and the time they have available.&lt;/li&gt;
&lt;li&gt;The application sends these preferences to a local backend.&lt;/li&gt;
&lt;li&gt;An open-weight AI model generates a suitable outdoor activity.&lt;/li&gt;
&lt;li&gt;The application displays the suggestion.&lt;/li&gt;
&lt;li&gt;The user can try the activity and record the experience in their nature journal.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;This would allow recommendations to be more flexible than a fixed list of predefined activities.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Transparency note:&lt;/strong&gt; The current version does not yet integrate an AI model. The recommendation system is rule-based, and the open-source AI integration is planned future work. I want to develop this further so that open-source AI becomes a real part of the application's functionality rather than simply adding an AI label.&lt;/p&gt;

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

&lt;p&gt;Open innovation matters because it gives developers the freedom to learn, experiment, adapt, and build on existing technology.&lt;/p&gt;

&lt;p&gt;As a first-year B.Tech CSE (AI/ML) student, I am still learning how to turn an idea into a working project. Open-source tools make this learning process more accessible by allowing developers to study implementations, understand how systems work, and improve their projects without having to build every component from scratch.&lt;/p&gt;

&lt;p&gt;For Touch Grass, open-weight AI models could make personalized recommendations possible without requiring every interaction to depend on a closed, proprietary AI API. Running a model locally could also offer greater control over data handling and reduce dependence on an external inference provider, although hardware requirements and local setup would still need to be considered.&lt;/p&gt;

&lt;p&gt;Open-source AI also gives developers the opportunity to experiment with different models and choose an approach that fits their project's needs.&lt;/p&gt;

&lt;p&gt;I believe innovation should not be limited to people who already have access to expensive tools or large development teams. Open technologies help beginners like me learn by building real projects, understand the limitations of their work, and improve their ideas step by step.&lt;/p&gt;

&lt;p&gt;For me, this challenge is an opportunity to explore how open-source AI can be used to solve a small but relatable problem: helping people spend more time outside.&lt;/p&gt;

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

&lt;p&gt;I do not have a DevRelay agent session to share for this submission yet.&lt;/p&gt;

&lt;p&gt;I may add a session link here if I record one during further development.&lt;/p&gt;

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

&lt;p&gt;I will update this section according to the eligible partner categories and the technologies actually used in the project.&lt;/p&gt;

&lt;p&gt;At present, the project is a front-end prototype built with HTML, CSS, and JavaScript. Open-source AI integration is planned but has not yet been implemented, so I am not claiming an AI partner category based on an integration that is not currently present.&lt;/p&gt;




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

&lt;p&gt;Touch Grass started with a simple thought: what if we used technology to remind ourselves to spend a little less time using technology?&lt;/p&gt;

&lt;p&gt;I wanted to build something small, useful, and easy to try. This project is also part of my learning journey as a first-year AI/ML student, and I hope to improve it by exploring open-source AI and adding more personalized features.&lt;/p&gt;

&lt;p&gt;Sometimes, the best next step is not opening another tab. It is stepping outside.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Build something meaningful. Take a break. Touch grass. 🌱&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Thanks for participating in Hacktoberfest Open-Source AI Challenge Week 1!&lt;/p&gt;

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