Whyme

Inspiration

What Inspired us Periods are messy — not just physically, but emotionally too. As a teen myself, I noticed that most resources either sounded too preachy, overly medical, or just awkward. No one talks about how chaotic, lonely, or even hilarious your first period can be.

So I asked myself: What if there was a digital space that felt like a friend — not a lecture?

That’s when “WhyMe” was born. A site made by Gen Z, for Gen Z, where crying, laughing, and WTF-ing are all totally okay.

A fun, emotional Gen-Z website for first periods. Learn, laugh, cry, and earn coins for healthy habits. Built with HTML, CSS & JS — WhyMe makes bleeding feel less scary and a lot more empowering.

using HTML, CSS & JavaScript with a Gen-Z UI. Designed clean, card-based pages, added animations, interactive buttons, and a gamified reward system — all with a mobile-first approach. e built it

Balancing humor with emotional support, making the UI mobile-friendly, designing relatable Gen-Z content, and building a coin system without a backend — all using only HTML, CSS, and JavaScript.

Created a safe, relatable space for girls experiencing their first period, mixed humor with comfort, built an interactive UI, and designed a unique “Bleed & Earn” reward system — all from scratch.

Learned how to design with empathy, build clean responsive UIs, use JavaScript for interactivity, and create a fun yet supportive user experience that connects emotionally with a Gen-Z audience.

Whyme1Add localStorage to save coin balance and user inputs

Build a CoinShop to redeem coins for pads, coupons, or donations

Add mood polls like “How’s your uterus today?” 💥🥶❤️‍🔥

Launch an anonymous message wall for peer support

Add voice hug audio clips for emotional comfort

Create a Panic Mode / Chill Mode UI theme toggle