๐Ÿฃ Tamagotchi โ€” Virtual Pet Game

A browser-based Tamagotchi-style game where users take care of a virtual pet by managing its core needs: hunger, happiness, and energy.

๐Ÿ“… 2026 ๐ŸŽฎ Browser Game ๐Ÿ’ป Vanilla JavaScript
Tamagotchi ๐Ÿฅ Child Hunger 87 Happy 75 Energy 56 ๐Ÿ• Feed ๐ŸŽฎ Play ๐Ÿ˜ด Sleep Evolution Stages ๐Ÿฅš Egg ๐Ÿฃ Baby ๐Ÿฅ Child โ† ๐Ÿค Teen Game Features โœ“ State Management โœ“ Random Events โœ“ Game Over System โœ“ Visual Feedback โœ“ No Dependencies

๐Ÿ’ก Concept & Interaction

The goal was to explore how simple mechanics and feedback loops can create an engaging and emotional user experience. The game is built entirely with vanilla JavaScript, HTML, and CSS, without using any external frameworks.

The experience is centered around maintaining balance. Every actionโ€”feeding, playing, or sleepingโ€”affects multiple stats, forcing the player to make small strategic decisions. Over time, the pet evolves through different life stages (Egg โ†’ Adult), creating a sense of progression and attachment.

โš™๏ธ Key Features

๐ŸŽฏ Stat Management

Balance hunger, happiness, and energy to keep your pet alive.

๐Ÿ”„ Pet Evolution

Watch your pet grow through 5 stages from Egg to Adult.

๐ŸŽฒ Random Events

Surprise events that influence your pet's stats dynamically.

๐Ÿ’€ Game Over System

Challenge mode - if any stat reaches zero, game ends.

โœจ Visual Feedback

Animations and state indicators reinforce interactions.

๐Ÿ“ฆ Zero Dependencies

Lightweight, framework-free implementation.

๐ŸŽฎ How to Play

  • Feed - Increases hunger, decreases energy slightly
  • Play - Increases happiness, decreases energy and hunger
  • Sleep - Toggle sleep mode to restore energy (other stats decrease slowly)
  • Keep all stats above zero to survive
  • Watch for random events that give bonus stats!

๐Ÿง  What I Learned

This project helped me better understand:

  • Managing state and logic in interactive applications
  • Designing feedback systems that guide user behavior
  • Structuring small-scale games without frameworks
  • Building a clear game loop and state system in JavaScript

๐Ÿ› ๏ธ Tech Stack

JavaScript HTML5 CSS3 Game Development
โ† Back to Projects