DEV Community

Cover image for Adivina Quién / Guess who..
Jorge Eψ=Ĥψ
Jorge Eψ=Ĥψ

Posted on

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/

Top comments (2)

Collapse
 
drfcozapata profile image
Francisco Zapata

EXCELENTE JORGE!!!
Yo agregaría un 'cursor: pointer' a las imágenes para que quede claro que son clicables.
Felicitaciones bro. Bendiciones desde Venezuela.

Collapse
 
jagedn profile image
Jorge Eψ=Ĥψ

Pues si, quedaría más claro
Cosas de ser un backend 😁