DEV Community

Cover image for SpillTea
Ui-Forest
Ui-Forest

Posted on

SpillTea

What is SpillTea?

SpillTea is a next-generation anonymous confessions platform that creates a safe space for people to share their thoughts, secrets, and stories without revealing their identity. Whether you need to vent, seek advice, share a win, or just spill the tea on something that's been bothering you, SpillTea provides a judgment-free zone for authentic self-expression.

The Problem We Solve:

In today's hyper-connected social media landscape, everything is tied to your real identity. People self-censor, curate perfect personas, and hide their authentic thoughts out of fear of judgment. SpillTea brings back the raw, unfiltered honesty of early internet forums and platforms like PostSecret, but with modern UX and gamification that keeps users engaged.

How It Works:

Sign in anonymously - No email, no phone number, just instant anonymous Firebase authentication
Get a fun name - Receive a randomly generated anonymous identity (e.g., "Cosmic Panda," "Neon Butterfly")
Spill the tea - Share your confession in 500 characters or less
Choose burn mode - Make it disappear after 100 views for extra secrecy
Build your streak - Post daily to build streaks and earn exclusive badges
Earn karma - Get reactions on your confessions to climb the leaderboard
Engage safely - React, reply, share, and listen via text-to-speech
Core Features:

Anonymous Authentication: Firebase anonymous auth ensures zero data collection
Burn After Reading: Ephemeral confessions that auto-delete after reaching view limits
Gamification: Streaks (3-day, 7-day badges), karma system, and leaderboards
Rich Interactions: Emoji reactions, threaded replies, shareable image exports
Accessibility: Built-in text-to-speech for audio playback of confessions
Beautiful UX: Modern dark theme with gradient accents and micro-animations
Real-time Feed: Infinite scroll feed powered by Firebase Firestore
Tech Stack:

Next.js 15 + React 19
Firebase (Auth + Firestore)
Zustand for state management
Framer Motion for animations
Tailwind CSS for styling

Top comments (0)