This project was born out of a "Secret Santa" gift exchange. I happened to draw a friend who is also a web developer, so I wanted to create something more than just a physical gift. I built this interactive quest to surprise them with a digital experience that showcases my front-end skills and attention to detail.
Check out the Live Demo here: 👉 https://gyunell.github.io/Secret_Santa_Game/
While the theme is festive, the technical goal was to build a robust, state-driven interaction system using pure web technologies.
- State-Based Game Logic: Developed the core engine using Vanilla JavaScript, managing game states for object interactions, clue discovery, and a functional 4-digit keypad system.
- Dynamic Audio Engine: Implemented a multi-layered audio system to enhance immersion, featuring ambient lo-fi tracks and specific sound effects triggered by DOM events. ♫꒰･‿･๑꒱
- Advanced Scaling & Responsiveness: Wrote a custom
resizeGameutility to ensure the canvas-like layout remains pixel-perfect and fully interactive across all screen resolutions. - UI/UX & Animations: Leveraged CSS keyframes and transitions for environmental effects like falling snow and glowing interactables to provide a polished user experience. ദ്ദി(ᵔᗜᵔ)
- Environment Exploration: Users must interact with various DOM elements to uncover hidden clues.
- Audio Cues: Visual actions are synchronized with audio feedback to guide the player.
- Logical Puzzle: The game concludes with a security-code puzzle that unlocks the final surprise.
I'm always open to interesting projects, internships, or just a friendly chat!
- Email: [mailto:gunel1mammadzade@mail.com]
- LinkedIn: [https://www.linkedin.com/in/gunel-mammadzade-856214375/]