Adivina Quién / Guess who..

jagedn

Jorge

Posted on June 25, 2024

Adivina Quién / Guess who..

"Guess who" is a little game developed in Vue 3 using the CalendarioCientificoEscolar API

This API contains an event per day from 2020 to current date and is structured in a set of jsonS files. Every json contains the date, title, body and a link to an image, so for example:

https://calendario-cientifico-escolar.gitlab.io/api/en/2021/3/14.json

contains an event occurred at 14th of March years ago

{
"lang": "en",
"year": 2021,
"month": 3,
"day": 14,
"title": "March 14, 1963",
"body": " Astronaut, politician and aeronautical engineer Pedro Duque was born. He is known mainly for being the first astronaut of Spanish nationality",
"eventYear": "1963",
"image": "https://calendario-cientifico-escolar.gitlab.io/_/images/2021/73.png"
}

The event is translated in several languages so same event is described at https://calendario-cientifico-escolar.gitlab.io/api/es/2021/3/14.json but in Spanish

Using this Api I've created a simple Guess Who game in Vue 3 using Pinia to maintain the store of the game

The game will ask to you guess who/what happened at some random date showing 3 random images. One of the images is related with the question and you need to guess what it is.

In case you click the right image the application will add 1 to success (or 1 to failure if you don't click in the associate image)

After 10 question the game ends.

As you can see the game is very simple and you don't win anything but it was funny to work on it

You can play the game at:

https://calendario-cientifico-escolar.netlify.app/

💖 💪 🙅 🚩
jagedn
Jorge

Posted on June 25, 2024

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related