This content originally appeared on DEV Community and was authored by Jorge Eψ=Ĥψ
"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/
This content originally appeared on DEV Community and was authored by Jorge Eψ=Ĥψ
Jorge Eψ=Ĥψ | Sciencx (2024-06-25T07:58:16+00:00) Adivina Quién / Guess who... Retrieved from https://www.scien.cx/2024/06/25/adivina-quien-guess-who/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.