Portfolio

MONSTERS!

Welcome to Monsters!, a dynamic web game powered by HTML, CSS and JavaScript. Players immerse themselves in thrilling battles where they command their chosen monster from Aqua (Water), Pyro (Fire), or Terra (Earth) factions. Each mobster possesses unique abilities, and players strategically choose whether to attack with water, sand, or fire to gain the upper hand in combat. As the battles unfold in elemental arenas, players must adapt their tactics to outmaneuver opponents and emerge victorious.

MY ROLE

  • Back-End
  • Front-End
  • Graphic Designer

LANGUAGES

  • CSS
  • HTML
  • Javascript

PROBLEM

The aim of the Monsters! project was to craft an immersive web platform showcasing elemental battles with innovative and creative methods. Leveraging cutting-edge technologies like HTML, CSS, and JavaScript, the website offers players an engaging experience where they can select their elemental monster and strategize their attacks with water, sand, or fire.

SOLUTION

The Monsters! website was initially built using basic HTML and CSS. Subsequently, additional elements such as Monster characters, battle options, and the outcomes of each combination were seamlessly integrated into the website using JavaScript.

PROCESS

1. I accesed to the course created in the educational platform called Platzi which gave me the basics to start the website. 2.Initial wireframes outline the website's layout and structure. 3. Web pages are developed using static HTML and CSS, ensuring responsiveness across devices and browsers. 4. JavaScript is utilized to populate the game characters, battle options, and results, enhancing user interaction and gameplay dynamics.

AUDIENCE

Monsters! is designed for gamers who enjoy strategic challenges and fantasy-themed gameplay. The game could also be enjoyed by multiplayer enthusiasts, community-oriented players, and mobile gamers looking for a fun experience.

Problem
Solution
Process
Audience

PROBLEM

The aim of the Monsters! project was to craft an immersive web platform showcasing elemental battles with innovative and creative methods. Leveraging cutting-edge technologies like HTML, CSS, and JavaScript, the website offers players an engaging experience where they can select their elemental monster and strategize their attacks with water, sand, or fire.

SOLUTION

The Monsters! website was initially built using basic HTML and CSS. Subsequently, additional elements such as Monster characters, battle options, and the outcomes of each combination were seamlessly integrated into the website using JavaScript.

PROCESS

1. I accesed to the course created in the educational platform called Platzi which gave me the basics to start the website. 2.Initial wireframes outline the website's layout and structure. 3. Web pages are developed using static HTML and CSS, ensuring responsiveness across devices and browsers. 4. JavaScript is utilized to populate the game characters, battle options, and results, enhancing user interaction and gameplay dynamics.

AUDIENCE

Monsters! is designed for gamers who enjoy strategic challenges and fantasy-themed gameplay. The game could also be enjoyed by multiplayer enthusiasts, community-oriented players, and mobile gamers looking for a fun experience.