Skip to content

ManoharTej/bday

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎈 Birthday Menace — Ammamma Edition 🎂

Welcome to the Birthday Menace — Ammamma Edition! 🎁 This repository holds a custom-crafted, annoyingly fun web gauntlet designed to surprise Ammamma (aka Ammamma) on her birthday, test her patience, make her admit to being a monkey, and eventually reveal her birthday wishes and gift choices!

This project was built purely for happiness, laughter, and hands-on web development practice! It's loaded with custom styles, animations, interactive Web APIs, and a cheeky monkey NPC who lives to lower her IQ points.


🌟 The Story & Experience

Instead of a boring birthday card, Ammamma gets a security challenge. She has exactly 20 minutes to complete 10 interactive tasks. Success awards her Golden Keys, but tab-switching triggers the visibility sentry and resets her score with massive IQ penalties!

Let's walk through the gauntlet, page by page! 👇


🎮 The 10 Tasks (Visual Walkthrough)

🏠 Landing & Rules Cinematic

The game opens with an automatic typewriter rules intro. If she tries to skip reading the rules or clicks to re-read them, the engine immediately deducts 2 IQ points and mocks her.

Landing Cinematic


🧩 Task 01: Who is Monkey? (Slide Puzzle)

Ammamma must solve a sliding puzzle of her own face to prove she is human!

  • Rule: Correct moves add +2 IQ, wrong moves subtract -4 IQ.
  • Reward: A golden banana that scratches away to reveal the first key.

Rules Puzzle

Victory Scratch Card


🟢 Task 02: Button Click Gauntlet

A 4-button chain game where she must press buttons in a specific sequence to turn them all green. Clicking the wrong button triggers a randomized insult from the monkey NPC!

Button Chain


🎤 Task 03: Truth or Dare Recording

Ammamma must select either a Truth or a Dare.

  • Truth: Recite an embarrassing confession.
  • Dare: Perform a silly physical ritual.
  • The browser utilizes the WebRTC media recorder to capture her voice/video stream and save it locally, while sending a backup directly to Manohar's Telegram!

Selection UI Recording


🍌 Task 04: Glitchy Catch

A high-performance catch game where she must click on a fast-teleporting golden banana while dodging falling red bombs. Teleportation triggers every 25ms based on mouse proximity!

Glitchy Catch


🎁 Task 05: Mystery Box Sacrifice

Nine mystery boxes appear. Ammamma must sacrifice one of her earned keys to open them, only to trigger a funny monkey jump scare and get another key stolen!

Sacrifice Grid


🥥 Task 06: Coconut shell shuffle

A shell game where three coconuts shuffle. The twist? The game is 100% rigged. Even if she follows the key, clicking on the correct shell secretly shifts the key away instantly!

Coconut Gamble


🛣️ Task 07: Neon Highway driving

Drive a car from point A to point B on a narrow neon highway.

  • The Catch: Controls are inverted! Up goes down, left goes right.
  • If she touches the neon fence, the car explodes in a blast animation!

Neon Highway


🪟 Task 08: Dodging Popup Firewall

Close 10 layers of retro Windows-style critical error messages. The Close "X" buttons dynamically dodge the mouse pointer, requiring quick reflex clicks!

Popup Firewall


🖥️ Task 09: Brainwash Quiz Terminal

A green-scanline quiz interface that forces Ammamma to answer questions like "What is your species?" with "Stinky Monkey". Picking the wrong answer triggers a red screen-flash and massive IQ deductions.

Quiz Terminal


🎂 Task 10: Grand Finale

The ultimate cake is revealed!

  • Blow out candles: Ammamma must physically puff/blow into her microphone. The Web Audio analyser captures the air pressure peak and extinguishes the candles.
  • Camera Capture: The screen flashes, captures her webcam reaction, and places it inside a celebratory postcard decorated with funny hat and joker overlays!

Final Box Candle Cake Postcard Capture


🎁 The Finale: Gift Selection & Twist!

Ammamma enters the final stage. The monkey hand appears to gift her the final keys, letting her open the treasure chest.

  1. She reads custom birthday wishes from friends: Charana, Manohar, Saikiran, Tulasi, Lasya, Navya, Shailani, Sandya, and Nitish.
  2. She selects a gift (Book, stuffed toy, or ornament).
  3. The choice is transmitted to Manohar's Telegram...
  4. THE TWIST: The screen reveals she has ordered... TEETH BRACES! 🦷 (Non-refundable, you monkey!)

Chest Screen Letter modal

Friend Wishes Teeth Braces Acquired!


🛠️ Technology Stack

  1. Frontend Core: Vanilla HTML5, CSS3 transitions/keyframes, and ES6 Javascript.
  2. Web APIs used:
    • Web Audio API: For real-time microphone volume peak detection.
    • WebRTC (Media Stream / MediaRecorder): For voice/video capture and synchronization.
    • Canvas API: For the scratch cards and image snapshot compositing.
    • Page Visibility API: Supporting the tab security sentry.
  3. External Integration: HTTP POST requests to the Telegram Bot API.

🚀 How to Run Locally

Since this is a fully static project, you don't need any complex installation.

  1. Clone the repository.
  2. Run a simple static file server in the project directory, or double-click index.html to open it directly in your browser.
    • Example using Python: python -m http.server 8000
    • Example using Node: npx serve
  3. Enjoy the game! (Ensure you allow Camera/Microphone permissions to experience Task 10 and the finale snapshot).

📄 License

This project is open-sourced under the fun and friendly LICENSE file. Keep smiling! 😄🎈

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors