<?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>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>
