The latest articles on DEV Community by Debosmita Majumdar (@dbms084). https://dev.to/dbms084 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3874430%2Fcec793df-f406-4786-82ac-0854c2686976.png https://dev.to/dbms084 en Debosmita Majumdar Sun, 12 Apr 2026 17:48:31 +0000 https://dev.to/dbms084/crazy-vibecheck-1i3i https://dev.to/dbms084/crazy-vibecheck-1i3i <p>This is a submission for the <a href="https://dev.to/challenges/aprilfools-2026">DEV April Fools Challenge</a></p> <h2> What I Built </h2> <p>VibeCheck™ is the ultimate Anti-Productivity Platform designed specifically to stop you from grinding.</p> <p>In a world obsessed with optimizing every second for maximum output, VibeCheck takes the opposite approach. It is a satirical dashboard built with a "chaotic cottagecore" aesthetic that actively discourages you from doing any actual work. Instead of tracking tasks, it tracks your vibes.</p> <p>Key features include:</p> <p>Infinity Pomodoro: A timer that rewards you the longer you don't work.<br> The Guilt-Free Generator: A sassy, anti-logic life coach that gives you terrible, unhelpful advice on why you should just go buy an iced latte instead of writing code.<br> Overtime Garden: A "Forest-style" app feature that grows flowers on your screen every 15 minutes you work overtime—nature's way of claiming back your wasted time!<br> NerdGate: A strict gatekeeper that prevents anyone with too much logic from entering.</p> <h2> Code </h2> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://assets.dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/Dbms084" rel="noopener noreferrer"> Dbms084 </a> / <a href="https://github.com/Dbms084/VibeCheck-Anti-Productivity-Platform" rel="noopener noreferrer"> VibeCheck-Anti-Productivity-Platform </a> </h2> <h3> A satirical, anti-nerd productivity dashboard built with Next.js, React, Tailwind CSS, Framer Motion, and Google's Gemini AI. Designed with a chaotic cottagecore aesthetic, VibeCheck™ encourages you to stop working so hard and just vibe. </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <div class="markdown-heading"> <h1 class="heading-element">VibeCheck™ Anti-Productivity Platform</h1> </div> <p>A satirical, anti-nerd productivity dashboard built with Next.js, React, Tailwind CSS, Framer Motion, and Google's Gemini AI. Designed with a chaotic cottagecore aesthetic, VibeCheck™ encourages you to stop working so hard and just vibe.</p> <div class="markdown-heading"> <h2 class="heading-element">Features</h2> </div> <ul> <li> <strong>Anti-Productivity Dashboard</strong>: Designed to keep you off the grind.</li> <li> <strong>AI Vibe Check</strong>: Uses Google Gemini to generate snarky, judgmental responses about your work habits.</li> <li> <strong>Overtime Garden</strong>: A "Forest-app" style feature where flowers grow every 15 minutes you work overtime (as a form of nature claiming back your wasted time).</li> <li> <strong>Chaotic Cottagecore Aesthetic</strong>: Smooth animations via Framer Motion with an unapologetically chaotic vibe.</li> </ul> <div class="markdown-heading"> <h2 class="heading-element">Tech Stack</h2> </div> <ul> <li> <strong>Next.js 16</strong> (App Router)</li> <li><strong>React 19</strong></li> <li><strong>Tailwind CSS v4</strong></li> <li><strong>Framer Motion</strong></li> <li> <strong>Google Generative AI</strong> (<code>@google/generative-ai</code>)</li> </ul> <div class="markdown-heading"> <h2 class="heading-element">Getting Started</h2> </div> <ol> <li>Install dependencies:</li> </ol> <div class="highlight highlight-source-shell notranslate position-relative overflow-auto js-code-highlight"> <pre>npm install</pre> </div> <ol start="2"> <li>Set up your environment variables: Create a <code>.env.local</code> file in the root directory and add your Google Gemini API key:</li> </ol> <div class="highlight highlight-source-dotenv notranslate position-relative overflow-auto js-code-highlight"> <pre><span class="pl-v">GEMINI_API_KEY</span></pre>… </div> </div> </div> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/Dbms084/VibeCheck-Anti-Productivity-Platform" rel="noopener noreferrer">View on GitHub</a></div> </div> <h2> How I Built It </h2> <p>VibeCheck was built with a modern stack, used exclusively for the most unserious purposes:</p> <p>Next.js 16 (App Router) &amp; React 19: To ensure our lack of productivity is blazingly fast.<br> Tailwind CSS v4 &amp; Framer Motion: Powering the unapologetically chaotic, smooth, and aggressively aesthetic cottagecore animations.<br> Google Generative AI (gemini-1.5-flash): The brains behind the operation. We hooked up the Gemini API to the Guilt-Free Generator to process user guilt and spit out 1-2 sentence savage replies telling them to go touch grass.</p> <h2> Prize Category </h2> <p>Why? Because while most people use cutting-edge AI to solve complex mathematical theorems or generate enterprise code, we used the lightning-fast Gemini 3.1 pro model specifically to build a snarky life coach that hates data and aggressively endorses slacking off. It's the pinnacle of artificial un-intelligence (by design)!</p> devchallenge 418challenge showdev