<?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: IB2M_Official</title>
    <description>The latest articles on DEV Community by IB2M_Official (@ib2mofficial).</description>
    <link>https://dev.to/ib2mofficial</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%2F4073205%2F394f1fcd-085d-44ee-bfdd-89836887b917.png</url>
      <title>DEV Community: IB2M_Official</title>
      <link>https://dev.to/ib2mofficial</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/ib2mofficial"/>
    <language>en</language>
    <item>
      <title>Behind EcoPrompt: How I modeled the hidden physical cost of AI prompts (Zero Telemetry)</title>
      <dc:creator>IB2M_Official</dc:creator>
      <pubDate>Sat, 26 Sep 2026 17:23:21 +0000</pubDate>
      <link>https://dev.to/ib2mofficial/behind-ecoprompt-how-i-modeled-the-hidden-physical-cost-of-ai-prompts-zero-telemetry-4l6l</link>
      <guid>https://dev.to/ib2mofficial/behind-ecoprompt-how-i-modeled-the-hidden-physical-cost-of-ai-prompts-zero-telemetry-4l6l</guid>
      <description>&lt;p&gt;GenAI web interfaces (ChatGPT, Gemini, Claude) are pristine, minimal, and fast. But behind every single prompt lies a massive array of GPU clusters consuming real electricity, requiring evaporative cooling water, and generating carbon emissions.&lt;/p&gt;

&lt;p&gt;I created &lt;strong&gt;EcoPrompt&lt;/strong&gt;, an open-source Chrome Extension, to make this invisible footprint transparent to users in real time.&lt;/p&gt;

&lt;p&gt;Before diving into the methodology, here is a quick 30-second promo teaser giving an overview of the concept:&lt;/p&gt;

&lt;p&gt;  &lt;iframe src="https://www.youtube.com/embed/yK_ZUyT9lQM" width="710" height="399"&gt;
  &lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;&lt;em&gt;(Watch on YouTube: &lt;a href="https://youtu.be/yK_ZUyT9lQM" rel="noopener noreferrer"&gt;EcoPrompt Concept Teaser&lt;/a&gt;)&lt;/em&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  ❓ Why I Built This
&lt;/h2&gt;

&lt;p&gt;Most environmental discussions around AI fall into two extremes: complete ignorance of resource consumption or overwhelming guilt trips about using modern tools.&lt;/p&gt;

&lt;p&gt;I wanted a middle ground: &lt;strong&gt;unobtrusive, guilt-free awareness&lt;/strong&gt;.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Physical Transparency:&lt;/strong&gt; When you send a prompt, you should know if that specific request cost a teaspoon of water or a full glass.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Behavioral Nudging:&lt;/strong&gt; Seeing real-time metrics encourages better prompting habits — batching queries, choosing lightweight models (&lt;em&gt;Flash/Haiku&lt;/em&gt;) for simple tasks, and saving heavy reasoning models (&lt;em&gt;o1/Opus&lt;/em&gt;) or image generation for when they are truly needed.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Financial Alignment:&lt;/strong&gt; Bridging the gap between free web interfaces and underlying API token costs.&lt;/li&gt;
&lt;/ol&gt;




&lt;h2&gt;
  
  
  🔬 What Is EcoPrompt Based On?
&lt;/h2&gt;

&lt;p&gt;The metrics aren't arbitrary guesses. They rely on peer-reviewed research and industry sustainability reports:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Water Consumption (Scope 1 &amp;amp; 2):&lt;/strong&gt; Based on research from UC Riverside (&lt;em&gt;"Making AI Less Thirsty"&lt;/em&gt;, Li et al.), combining direct evaporative cooling at the datacenter with indirect water used for electricity generation.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Energy &amp;amp; Carbon Footprint:&lt;/strong&gt; Calibrated using research from Hugging Face (&lt;em&gt;"Power Hungry Processing"&lt;/em&gt;, Luccioni et al.) alongside regional grid carbon intensity averages and provider datacenter efficiency metrics (PUE).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Tiered Model Granularity:&lt;/strong&gt; Different model architectures are categorized into distinct compute tiers:

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Lightweight&lt;/strong&gt; (&lt;em&gt;GPT-4o mini, Gemini Flash, Claude Haiku&lt;/em&gt;): ~3–5 mL water / ~0.0005 kWh&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Standard&lt;/strong&gt; (&lt;em&gt;GPT-4o, Gemini Pro, Claude Sonnet&lt;/em&gt;): ~20–30 mL water / ~0.003 kWh&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Reasoning / Extended Thinking&lt;/strong&gt; (&lt;em&gt;o1/o3-series, Claude Opus/Thinking&lt;/em&gt;): ~120–250 mL water / ~0.02 kWh&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Image Generation&lt;/strong&gt; (&lt;em&gt;DALL-E 3, Imagen 3&lt;/em&gt;): ~250–400 mL water / ~0.035 kWh&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🛡️ Privacy &amp;amp; Architecture Choice
&lt;/h2&gt;

&lt;p&gt;Building an extension that interacts with pages like &lt;code&gt;chatgpt.com&lt;/code&gt; or &lt;code&gt;claude.ai&lt;/code&gt; carries a heavy privacy responsibility. &lt;/p&gt;

&lt;p&gt;To ensure &lt;strong&gt;100% user privacy&lt;/strong&gt;:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Zero Telemetry:&lt;/strong&gt; No tracking, no external analytics server, no remote APIs.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Client-Side Only:&lt;/strong&gt; Character length and model types are parsed in temporary browser memory.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Local Persistence:&lt;/strong&gt; All history and trends stay in your browser's &lt;code&gt;chrome.storage.local&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Manifest V3 &amp;amp; Vanilla JS:&lt;/strong&gt; Lightweight footprint with no external npm dependencies.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🔗 Try It &amp;amp; Explore
&lt;/h2&gt;

&lt;p&gt;EcoPrompt is completely free and open-source under CC BY-NC-SA 4.0.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;📦 &lt;strong&gt;Install from Chrome Web Store:&lt;/strong&gt; &lt;a href="https://chromewebstore.google.com/detail/pebfbfdanllpmbokgamlcgmmhhbfpgaj?utm_source=item-share-cb" rel="noopener noreferrer"&gt;EcoPrompt on Chrome Web Store&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;💻 &lt;strong&gt;Source Code &amp;amp; Documentation:&lt;/strong&gt; &lt;a href="https://github.com/IB2M-Official/EcoPrompt" rel="noopener noreferrer"&gt;GitHub Repository&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;☕ &lt;strong&gt;Support Development:&lt;/strong&gt; &lt;a href="https://ko-fi.com/ib2m_official" rel="noopener noreferrer"&gt;Ko-fi Page&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;How do you approach tracking or optimizing your daily AI usage? Let's discuss in the comments!&lt;/p&gt;

</description>
      <category>ai</category>
      <category>opensource</category>
      <category>webdev</category>
      <category>sustainability</category>
    </item>
    <item>
      <title>Why I built a zero-telemetry Chrome extension to measure the physical cost of AI prompts</title>
      <dc:creator>IB2M_Official</dc:creator>
      <pubDate>Tue, 08 Sep 2026 17:46:26 +0000</pubDate>
      <link>https://dev.to/ib2mofficial/why-i-built-a-zero-telemetry-chrome-extension-to-measure-the-physical-cost-of-ai-prompts-4dmf</link>
      <guid>https://dev.to/ib2mofficial/why-i-built-a-zero-telemetry-chrome-extension-to-measure-the-physical-cost-of-ai-prompts-4dmf</guid>
      <description>&lt;p&gt;Every developer today relies on LLMs. Whether it's drafting boilerplate, refactoring complex logic, or debugging edge cases on &lt;strong&gt;ChatGPT&lt;/strong&gt;, &lt;strong&gt;Google Gemini&lt;/strong&gt;, or &lt;strong&gt;Claude&lt;/strong&gt;, queries are sent dozens of times a day.&lt;/p&gt;

&lt;p&gt;Yet the thermodynamic and compute realities of these queries remain invisible. Matrix multiplications run on energy-dense hardware, requiring massive power draw and water-cooling towers at scale.&lt;/p&gt;

&lt;p&gt;I wanted to make this resource footprint visible without adding friction or guilt-tripping. So I built &lt;strong&gt;EcoPrompt&lt;/strong&gt; — an ultra-lightweight, 100% client-side Chrome extension (Manifest V3) that calculates the environmental and financial cost of your prompts in real time.&lt;/p&gt;




&lt;h3&gt;
  
  
  🌿 What EcoPrompt Measures
&lt;/h3&gt;

&lt;p&gt;Whenever you submit a prompt on ChatGPT, Claude, or Gemini, an unobtrusive toast notification computes:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;🍃 Carbon Footprint (CO₂e):&lt;/strong&gt; In grams and milligrams, with real-world equivalents (e.g. smartphone recharges).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;💧 Water Consumption (mL):&lt;/strong&gt; Factoring on-site data center cooling evaporation and grid-level water draw.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;⚡ Active Energy (Wh):&lt;/strong&gt; Real-time compute draw based on model architectures and Power Usage Effectiveness (PUE).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;💶 API Cost:&lt;/strong&gt; Public market token cost benchmarks.&lt;/li&gt;
&lt;/ul&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%2Fhsp9veitt34pk82unpmj.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%2Fhsp9veitt34pk82unpmj.png" alt="Extension" width="337" height="380"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  🛠️ Architecture &amp;amp; Strict Constraints
&lt;/h3&gt;

&lt;p&gt;Building for production while respecting developer workflows led to three zero-compromise rules:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Zero Telemetry &amp;amp; 100% Client-Side Privacy:&lt;/strong&gt;&lt;br&gt;
No prompt text is ever captured, saved, or routed through an external server. The extension strictly measures character length in-memory to calibrate KV-cache compute multipliers, then purges the string immediately. Everything runs inside &lt;code&gt;chrome.storage.local&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Vanilla JS &amp;amp; Native SVG (Bundle &amp;lt; 150 KB):&lt;/strong&gt;&lt;br&gt;
No bloated charting libraries (no Chart.js, no D3, no npm baggage). The integrated analytics dashboard dynamically renders timelines (Day, Week, Month, Year) using a custom lightweight SVG generator.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Custom Daily Budgets &amp;amp; Batching Prompts:&lt;/strong&gt;&lt;br&gt;
Users can configure soft daily thresholds (prompts, CO₂, water, or energy). A subtle counter notifies you upon reaching your budget, promoting mindful prompt engineering and query batching.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;




&lt;h3&gt;
  
  
  🚀 Try It on the Chrome Web Store
&lt;/h3&gt;

&lt;p&gt;The extension is free and available directly on the Chrome Web Store:&lt;/p&gt;

&lt;p&gt;👉 &lt;strong&gt;&lt;a href="https://chromewebstore.google.com/detail/pebfbfdanllpmbokgamlcgmmhhbfpgaj?utm_source=item-share-cb" rel="noopener noreferrer"&gt;Install EcoPrompt on the Chrome Web Store&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;I’d love to hear your thoughts, UI feedback, or suggestions for additional AI platforms to support!&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%2F5dzqpgun9kbgci9w90y6.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%2F5dzqpgun9kbgci9w90y6.png" alt="Stats" width="800" height="749"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>ai</category>
      <category>productivity</category>
      <category>extensions</category>
    </item>
    <item>
      <title>I built UnlimBox: A Neo-Brutalist alternative to bloated corporate cloud storage clients</title>
      <dc:creator>IB2M_Official</dc:creator>
      <pubDate>Sun, 06 Sep 2026 17:25:35 +0000</pubDate>
      <link>https://dev.to/ib2mofficial/i-built-unlimbox-a-neo-brutalist-alternative-to-bloated-corporate-cloud-storage-clients-4pao</link>
      <guid>https://dev.to/ib2mofficial/i-built-unlimbox-a-neo-brutalist-alternative-to-bloated-corporate-cloud-storage-clients-4pao</guid>
      <description>&lt;p&gt;Most mainstream cloud storage interfaces are boring, sterile, and feel sluggish under heavy nested directories. As developers, we deserve a personal dashboard that isn't just a corporate carbon copy of Google Drive or Dropbox. I wanted something snappy, highly tactile, and visually bold.&lt;/p&gt;

&lt;p&gt;I built &lt;strong&gt;UnlimBox&lt;/strong&gt;—a fast, responsive, and secure cloud storage web app designed with a Flat Neo-Brutalist interface. It features nested folders, high-speed file uploads, secure share generation, and a fully functional Progressive Web App (PWA) wrapper for native mobile responsiveness.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  &lt;strong&gt;Frontend:&lt;/strong&gt; React, TypeScript, and Vite for fast builds, with Tailwind CSS driving the thick border styles.&lt;/li&gt;
&lt;li&gt;  &lt;strong&gt;State &amp;amp; Routing:&lt;/strong&gt; React Router DOM for routing with secure client-side &lt;code&gt;ProtectedRoute&lt;/code&gt; guards.&lt;/li&gt;
&lt;li&gt;  &lt;strong&gt;Backend:&lt;/strong&gt; Express API on Node.js acting as a secure controller and authentication layer.&lt;/li&gt;
&lt;li&gt;  &lt;strong&gt;Database &amp;amp; Storage:&lt;/strong&gt; Firebase Cloud Firestore for reactive document indexing and Firebase Auth for sessions.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Handling over 90GB of assets in early testing caused high Firestore read overhead. I solved this by flattening the folder structure query schemas to index directories on a parent-ID level and implementing a Node proxy server to cache repetitive asset metadata lookup requests.&lt;/p&gt;

&lt;p&gt;I'd love for this community to push its limits! Check it out at &lt;a href="https://cloud-storage-afd51.web.app/" rel="noopener noreferrer"&gt;https://cloud-storage-afd51.web.app/&lt;/a&gt; and let me know how the tactile UI feel on your mobile device.&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%2Flvw146ixtkueufnu71gs.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%2Flvw146ixtkueufnu71gs.png" alt=" " width="800" height="724"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>sideprojects</category>
      <category>react</category>
      <category>cloudstorage</category>
    </item>
    <item>
      <title>I built EcoPrompt: Track the real-time CO2, water &amp; energy cost of your AI prompts</title>
      <dc:creator>IB2M_Official</dc:creator>
      <pubDate>Mon, 31 Aug 2026 17:20:41 +0000</pubDate>
      <link>https://dev.to/ib2mofficial/i-built-ecoprompt-track-the-real-time-co2-water-energy-cost-of-your-ai-prompts-558h</link>
      <guid>https://dev.to/ib2mofficial/i-built-ecoprompt-track-the-real-time-co2-water-energy-cost-of-your-ai-prompts-558h</guid>
      <description>&lt;p&gt;Every time we send a query to &lt;strong&gt;ChatGPT&lt;/strong&gt;, &lt;strong&gt;Google Gemini&lt;/strong&gt;, or &lt;strong&gt;Claude&lt;/strong&gt;, high-density GPU clusters consume electricity and water for cooling. While the productivity gain is immense, the environmental footprint remains invisible.&lt;/p&gt;

&lt;p&gt;I built &lt;strong&gt;EcoPrompt&lt;/strong&gt; — an open-source, lightweight Chrome extension (Manifest V3) that calculates the CO₂, water, energy, and API cost of your AI prompts in real time, &lt;strong&gt;100% locally with zero prompt tracking&lt;/strong&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%2Fm4d37sd7v9qn2oe8bvzx.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%2Fm4d37sd7v9qn2oe8bvzx.png" alt="EcoPrompt Live Toast on Gemini" width="800" height="520"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  🔗 Quick Links
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;💻 &lt;strong&gt;GitHub Repo:&lt;/strong&gt; &lt;a href="https://github.com/IB2M-Official/ecoPrompt" rel="noopener noreferrer"&gt;github.com/IB2M-Official/ecoPrompt&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;strong&gt;Chrome Web Store:&lt;/strong&gt; &lt;a href="https://chromewebstore.google.com/detail/pebfbfdanllpmbokgamlcgmmhhbfpgaj?utm_source=item-share-cb" rel="noopener noreferrer"&gt;Install EcoPrompt&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;☕ &lt;strong&gt;Support:&lt;/strong&gt; &lt;a href="https://ko-fi.com/ib2m_official" rel="noopener noreferrer"&gt;Ko-fi (IB2M)&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h3&gt;
  
  
  🌿 Key Features &amp;amp; Architecture
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;📊 4 Live Metrics:&lt;/strong&gt; Real-time in-page toasts estimating CO₂e (g), water evaporation (mL), active energy draw (Wh), and API cost equivalents.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;🎯 Daily Quotas &amp;amp; Smart Reminders:&lt;/strong&gt; Set custom thresholds with progressive alerts (+1, +2 extra queries) to encourage prompt batching.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;📈 Native SVG Analytics:&lt;/strong&gt; Interactive timelines across Days, Weeks, Months, and Years without external charting libraries.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;🔒 100% Local &amp;amp; Private:&lt;/strong&gt; No backend, no telemetry. Prompt text is never read, stored, or transmitted — character count is evaluated in memory only for length weighting.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;🪶 Zero Dependencies:&lt;/strong&gt; Pure vanilla JS and lightweight CSS (total bundle size &amp;lt; 150 KB).&lt;/li&gt;
&lt;/ul&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%2Fvafqf71r9nohx27fk2fg.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%2Fvafqf71r9nohx27fk2fg.png" alt="EcoPrompt Analytics Dashboard" width="800" height="749"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  🚀 Try it out
&lt;/h3&gt;

&lt;p&gt;The project is open-source under the &lt;strong&gt;CC BY-NC-SA 4.0&lt;/strong&gt; license. Feel free to check out the repo, star it if you find it useful, and share your feedback or benchmark ideas in the comments!&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%2F5scyhj8zkyjs4b74va23.jpg" 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%2F5scyhj8zkyjs4b74va23.jpg" alt="EcoPrompt Analytics Dashboard" width="440" height="280"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>webdev</category>
      <category>opensource</category>
      <category>extensions</category>
    </item>
    <item>
      <title>How I built a developer-first cloud drive with a "Flat Brutalist" UI 📦</title>
      <dc:creator>IB2M_Official</dc:creator>
      <pubDate>Tue, 11 Aug 2026 13:46:47 +0000</pubDate>
      <link>https://dev.to/ib2mofficial/how-i-built-a-developer-first-cloud-drive-with-a-flat-brutalist-ui-54f</link>
      <guid>https://dev.to/ib2mofficial/how-i-built-a-developer-first-cloud-drive-with-a-flat-brutalist-ui-54f</guid>
      <description>&lt;p&gt;Hey everyone! 👋&lt;/p&gt;

&lt;p&gt;I’ve always been frustrated by the strict quotas of traditional cloud storage and the lack of tools for developers. You can store files, but you can't easily integrate them into your workflows without jumping through hoops.&lt;/p&gt;

&lt;p&gt;So, I decided to spend my weekends building my own alternative: &lt;strong&gt;UnlimBox&lt;/strong&gt;. &lt;a href="https://cloud-storage-afd51.web.app/" rel="noopener noreferrer"&gt;Unlimbox&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;My goal was twofold: offer a very generous storage capacity so you never have to worry about space, and build the ultimate toolkit for devs.&lt;/p&gt;

&lt;h3&gt;
  
  
  🛠️ The Tech Stack &amp;amp; Flat Brutalism
&lt;/h3&gt;

&lt;p&gt;For the frontend, I used React and Tailwind CSS. I was tired of generic corporate designs, so I went all-in on &lt;strong&gt;Flat Brutalism&lt;/strong&gt;: heavy 2px black borders, no drop-shadows, and high contrast. It makes the app feel extremely lightweight and snappy. &lt;/p&gt;

&lt;p&gt;The backend runs on Node.js and Express.&lt;/p&gt;

&lt;h3&gt;
  
  
  💻 Built for Developers
&lt;/h3&gt;

&lt;p&gt;Aside from standard file management and an "Express Drop" mode (for sharing files instantly without an account), I focused on developer features:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  &lt;strong&gt;Full REST API &amp;amp; WebDAV support&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;  &lt;strong&gt;Built-in NoSQL database&lt;/strong&gt; for your side projects&lt;/li&gt;
&lt;li&gt;  &lt;strong&gt;Free static web hosting&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;  &lt;strong&gt;An official CLI&lt;/strong&gt; to manage everything from your terminal&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;If you want to try the CLI, it's already live on npm: &lt;br&gt;
&lt;code&gt;npm i -g unlimbox-cli&lt;/code&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  🤔 Looking for feedback!
&lt;/h3&gt;

&lt;p&gt;The project is currently in open beta. Since I'm building this solo, I would absolutely love some feedback from other developers. &lt;/p&gt;

&lt;p&gt;You can try the web app here (no strings attached): &lt;br&gt;
🔗 &lt;a href="https://cloud-storage-afd51.web.app/" rel="noopener noreferrer"&gt;https://cloud-storage-afd51.web.app/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Does the Flat Brutalist UI feel intuitive to you? Have you tried deploying a file via the CLI? Let me know your thoughts or if you find any bugs! Thanks for reading.&lt;/p&gt;

</description>
      <category>showdev</category>
      <category>webdev</category>
      <category>react</category>
      <category>node</category>
    </item>
  </channel>
</rss>
