🖤 Upside Down — Stranger Things Hackathon

🌐 Live Demo: https://lovely-griffin-8c1120.netlify.app/
📺 Demo Video: https://youtube.com/shorts/_diE5BnnSrA?si=b8QV4YtXj1Yep_7B

---

🧠 About the Project

Upside Down is an immersive browser-based experience inspired by Stranger Things, built for a hackathon.
It blends radar mechanics, heartbeat-driven audio, cinematic cutscenes, and real-time camera access to create a tense, interactive environment.

---

🚀 Features

• 🔴 Radar Detection System
  Random blips spawn and move toward the center, triggering encounters.

• 🎮 Combat Actions

  • Flamethrower
  • Gun
  • Sound attack
    Each action has sound effects and success/failure logic.

• 🎬 Cinematic Cutscenes

  • Full-screen blackout
  • Centered dialogue text
  • Synced audio playback (now.mp3)

• 🔊 Dynamic Audio Engine

  • Heartbeat synced with BPM
  • Panic / Normal modes
  • One-shot weapon sounds
  • Automatic fallback to ambient sound

• 📸 Back Camera Portal Scan

  • Uses device back camera (facingMode: environment)
  • Overlay preview with close control

---

🛠 Tech Stack

• React.js (Hooks)
• CSS Animations & Transitions
• Web Audio API
• MediaDevices API
• HTML5 Audio

---