<?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: CloAv</title>
    <description>The latest articles on DEV Community by CloAv (@corpothug).</description>
    <link>https://dev.to/corpothug</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.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3415627%2Fcc0d9b7c-dcc2-4cbe-9ef5-8c78c396d20d.png</url>
      <title>DEV Community: CloAv</title>
      <link>https://dev.to/corpothug</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/corpothug"/>
    <language>en</language>
    <item>
      <title>BossOrToss: We Weaponized Astro, React, and Poop Emojis to Judge Executives at Scale</title>
      <dc:creator>CloAv</dc:creator>
      <pubDate>Tue, 05 Aug 2025 21:58:48 +0000</pubDate>
      <link>https://dev.to/corpothug/bossortoss-we-weaponized-astro-react-and-poop-emojis-to-judge-executives-at-scale-33jf</link>
      <guid>https://dev.to/corpothug/bossortoss-we-weaponized-astro-react-and-poop-emojis-to-judge-executives-at-scale-33jf</guid>
      <description>&lt;p&gt;Warning: This app may cause excessive laughter, existential reflection, or mild HR incidents.&lt;/p&gt;

&lt;p&gt;The Problem:&lt;br&gt;
There are thousands of CEOs, CTOs, and other buzzword-laden acronyms out there. But how do we, the humble minions of the corporate ladder, hold them accountable? Reviews are gated. Glassdoor is boring. Twitter is chaos.&lt;/p&gt;

&lt;p&gt;So we built BossOrToss.wtf — a voting platform where users can anonymously decide if an executive is a visionary Boss or a walking red flag Toss. And we made it with real tech, not just memes.&lt;/p&gt;

&lt;p&gt;💡 The Stack (AKA “Wait, this actually works?”)&lt;br&gt;
🧑‍🚀 Astro: Because we love fast static builds… until we realize we want hydration on every component.&lt;/p&gt;

&lt;p&gt;⚛️ React (inside Astro): For stateful chaos, game logic, and poop cannon animation.&lt;/p&gt;

&lt;p&gt;💾 Supabase: Postgres, Auth, and Storage all-in-one. Used to store:&lt;/p&gt;

&lt;p&gt;Executive profiles&lt;/p&gt;

&lt;p&gt;Anonymous votes&lt;/p&gt;

&lt;p&gt;Comments that range from hilarious to HR-flag-worthy&lt;/p&gt;

&lt;p&gt;🎯 Netlify: Because deploying a poop-powered site on AWS felt too... enterprise.&lt;/p&gt;

&lt;p&gt;🤖 Replicate AI + Google Vision: We cartoonified profile pictures and filtered out logos pretending to be people. Yes, we actually wrote logic to detect “this is probably not a face.”&lt;/p&gt;

&lt;p&gt;🎮 Features That Probably Shouldn't Exist&lt;/p&gt;

&lt;p&gt;💩 Toss Mode: Users can launch animated poop at executive headshots.&lt;/p&gt;

&lt;p&gt;❤️ Boss Mode: Same thing, but hearts. Kinda like LinkedIn, if it were honest.&lt;/p&gt;

&lt;p&gt;🧠 Sarcastimatic™ Bio Generator: AI-generated blurbs that make every profile sound like an extra from Office Space.&lt;/p&gt;

&lt;p&gt;📈 Live Analytics Modal: Totally fake real-time charts to track “engagement.” It’s nonsense. But it moves.&lt;/p&gt;

&lt;p&gt;🎉 Weekly Winners: We automatically crown a Top Boss and a Biggest Toss, every Monday. Because Monday wasn’t chaotic enough already.&lt;/p&gt;

&lt;p&gt;🔧 But Wait, It’s Actually Engineered Properly™&lt;br&gt;
Dynamic routing with slugs: Each exec has their own page — fast, statically rendered, and SEO-optimized with meta tags.&lt;/p&gt;

&lt;p&gt;Client-side hydration only where needed: We surgically hydrate only the poop cannon and game logic, keeping everything else lean.&lt;/p&gt;

&lt;p&gt;Email-based auth flow: Anonymous voting allowed, but if you want to leave a story about how your CFO once held a trust fall exercise with no catcher… you’ll need to verify your email.&lt;/p&gt;

&lt;p&gt;💩 SVG-based poop trajectory: Don’t ask. 💩 &lt;/p&gt;

&lt;p&gt;🪄 Why We Did This&lt;br&gt;
We wanted to prove that modern frameworks can scale even when your idea is utterly unhinged.&lt;/p&gt;

&lt;p&gt;It’s one thing to make a blog. It’s another to:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Let users anonymously rate Fortune 500 execs with emojis&lt;/li&gt;
&lt;li&gt;Auto-detect whether their profile profile is a real face&lt;/li&gt;
&lt;li&gt;Generate roast-worthy bios using AI&lt;/li&gt;
&lt;li&gt;And still deliver sub-100ms page loads&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;🧪 Tech Is Serious. But It Doesn’t Have to Be Boring.&lt;br&gt;
We built BossOrToss.wtf to be funny, fast, and functional.&lt;/p&gt;

&lt;p&gt;It’s satire, but it’s also a real playground for:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;SSR + hydration best practices&lt;/li&gt;
&lt;li&gt;Supabase auth + CRUD at scale&lt;/li&gt;
&lt;li&gt;Image optimization and AI filtering&lt;/li&gt;
&lt;li&gt;Building something people actually want to share — for fun.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;📣 Check it out:&lt;br&gt;
🔗 &lt;a href="https://BossOrToss.wtf" rel="noopener noreferrer"&gt;https://BossOrToss.wtf&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Vote. Laugh. Rage. Repeat.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>devchallenge</category>
      <category>react</category>
      <category>supabase</category>
    </item>
  </channel>
</rss>
