tugcecerit / Tamagotchi-Game

Mini-project! Developed an interactive game using HTML, CSS, and JavaScript. Implemented a dynamic and responsive user interface using HTML and CSS. Utilized JavaScript to handle user inputs and game events. Incorporated various animations and sound effects to enhance the user experience.

Home Page:https://tamagotchi-game.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Tamagotchi Game

This is a mini-project that features an interactive Tamagotchi game developed using HTML, CSS, and JavaScript. The game provides a dynamic and responsive user interface with engaging animations and sound effects to enhance the overall user experience.

Website

https://tamagotchi-game.vercel.app/

Features

Interactive Gameplay: The game allows users to interact with their virtual pet(monster), providing a unique Tamagotchi experience. Users can feed, play with, and take care of their virtual pet.

User Interface: The user interface is designed using HTML and CSS to create an intuitive and visually appealing environment. The layout is responsive, ensuring an optimal experience across different devices and screen sizes.

JavaScript Interactivity: JavaScript is utilized to handle user inputs and game events. It enables users to perform actions such as feeding, playing with, and monitoring the health of their virtual pet.

Animations: The game incorporates various animations to make the virtual pet come to life. These animations bring movement and personality to the pet, enhancing the overall visual experience.

Sound Effects: Sound effects are used to create an immersive atmosphere within the game. Users can enjoy the interaction with their virtual pet through audio cues and feedback.

How to Play

Starting the Game: Open the game in a web browser that supports HTML, CSS, and JavaScript.

Adopting a Pet: At the beginning of the game, you will name your monster pet.

Taking Care of Your Pet: Once you have named your pet, you will be responsible for its well-being. Keep an eye on its sleepiness, hunger, and happiness levels.

Feeding Your Pet: Click on the food icon to feed your pet when it's hungry. Make sure to provide a balanced diet to keep your pet healthy.

Playing with Your Pet: Click on the play icon to engage in activities with your pet. Playing helps keep your pet happy and entertained.

Monitoring Sleepiness: Click on the light icon to turn off the lights. This will help your pet sleep.

Winning the Game: The goal is to keep your monster pet happy, and alive for as long as possible. Your pet's survival and well-being depend on the care and attention you provide.

Technologies Used

HTML CSS JavaScript

Frameworks

Screenshot 2023-05-25 at 8 17 00 PM Screenshot 2023-05-25 at 8 17 15 PM Screenshot 2023-05-25 at 8 17 40 PM Screenshot 2023-05-25 at 8 18 16 PM Screenshot 2023-05-25 at 8 20 02 PM Screenshot 2023-05-25 at 8 23 02 PM Screenshot 2023-05-25 at 8 24 13 PM Screenshot 2023-05-25 at 8 24 59 PM

Credits

This Tamagotchi game was developed as a mini-project and is inspired by the classic Tamagotchi toys. The project was created by Tugce Cerit as a demonstration of HTML, CSS, and JavaScript skills.

Feel free to explore the code and make any improvements or modifications to personalize your Tamagotchi game further.

About

Mini-project! Developed an interactive game using HTML, CSS, and JavaScript. Implemented a dynamic and responsive user interface using HTML and CSS. Utilized JavaScript to handle user inputs and game events. Incorporated various animations and sound effects to enhance the user experience.

https://tamagotchi-game.vercel.app


Languages

Language:JavaScript 62.0%Language:CSS 26.7%Language:HTML 11.4%