Vanish

✨ Inspiration

In a world of instant reactions and permanent timelines, we craved a quieter space something slower, softer, and safe. Inspired by anonymous forums, emotional journaling, and the catharsis of writing a letter no one may ever read, we created Vanish a digital void where words are felt, not followed.


πŸ’­ What it Does

Vanish is an anonymous, letter-themed venting site where users can write short, heartfelt messages styled like handwritten letters. Anyone can read the messages left behind β€” but every letter vanishes after 24 hours.

No profiles. No replies. No permanence. Just emotion, expression, and release.


πŸ› οΈ How We Built It

BUILT FOR THE ONE SHOT CHALLENGE!

  • Frontend: Bolt.new (React + TypeScript (with Vite))
  • Styling: Tailwind CSS + shadcn/ui components
  • Icons: lucide-react
  • Fonts: Handwriting + serif fonts from Google Fonts
  • Backend: Supabase (public anonymous table, no auth)
  • Routing: React Router

Features:

  • Anonymous letter submission
  • Public wall of letters
  • All letters disappear after 24 hours (filtered on timestamp)

🧩 Challenges We Ran Into

  • Designing a UI that felt handwritten and emotional
  • Creating a timeless, quiet aesthetic without becoming overly minimal
  • Implementing expiring data without server cron logic
  • Balancing performance and realism in animations and textures

πŸ† Accomplishments We're Proud Of

  • Fully functional app with anonymous write/read flow
  • Achieved rich emotional UX with minimal components
  • Designed an evocative vintage-letter visual system from scratch
  • Made it work within the constraints of a single-prompt build

πŸ“š What We Learned

  • CSS tricks for realistic paper, ink, and handwriting effects
  • Thoughtful anonymous UX design principles
  • How to use Supabase for temporary data without auth
  • Importance of tone, typography, and pacing in emotional web apps

πŸš€ What's Next for Vanish

  • Optional voice letters
  • Prompt-based letter templates
  • Soothing background sounds or ambient transitions
  • Archive mode for poetic letter walls
  • Auto-expiring comment reactions
  • Thematic collections: heartbreak, joy, anxiety, hope

Built With

  • bolt.new
  • netlify
  • supabase
Share this project:

Updates