Secret Inbox

An anonymous digital inbox where you can send, hide, and unlock secrets with a touch of mystery.

Comment

Inspiration

I’ve always been fascinated by the way people feel safer sharing thoughts when they know their identity is hidden. Students, friends, or even strangers sometimes need a private space to express themselves. That’s where the idea for Secret Inbox came from — a playful yet safe digital vault for hidden messages.

What it does

Secret Inbox lets users write anonymous messages and lock them inside a digital “inbox.” Messages can only be unlocked with a code or revealed at special times. It turns secrets into something fun, mysterious, and shareable.

How we built it

I built Secret Inbox using pure HTML, CSS, and JavaScript, keeping it beginner-friendly and lightweight.

  • HTML for structure (the inbox, input boxes, and lock screen).
  • CSS for styling (dark mode, animations, glowing lock effects).
  • JavaScript for interactivity (locking, unlocking, revealing secrets, and using localStorage to temporarily save them).

Challenges we ran into

  • Making the locking/unlocking system work without a backend.
  • Designing a UI that feels mysterious but also user-friendly.
  • Debugging little JS errors that sometimes broke the animations.

Accomplishments that we're proud of

  • Creating a functional prototype completely from scratch using only the basics.
  • Designing animations that actually make it feel like a vault opening.
  • Submitting my very first hackathon project and proving to myself that I can build something end-to-end.

What we learned

  • How to connect design and interactivity with just HTML, CSS, and JS.
  • The power of localStorage to mimic small databases without a backend.
  • That simple ideas, when polished, can feel magical.
  • Most importantly, I learned that you don’t need advanced frameworks to create something people enjoy.

What's next for Secret Inbox

I want to add more fun and emotional touches:

  • Daily Reveal Mode: a secret or quote gets unlocked once a day.
  • Sharing Links: let users send their secret inbox to friends.
  • Better Animations: vault-style door opening, treasure chest glow, or envelope flipping.
  • Optional Privacy Mode: so only the person with the right code can open a message.

Secret Inbox is just a beginning — a small seed that I hope will grow into a playful yet meaningful space for people to express themselves. 🌱

Built With

Share this project:

Updates