TriviaCapitals - Joc de Quiz de Capitals

Volia un boilerplate de app mobile, volia aprendre JAMStack i necessitava una excusa per posar-la a prova. Que millor que un joc de quiz per compartir-lo amb els amics?

Fet amb VueJs, Vuetify, Nuxt al frontend i AdonisJS per al backend.

Resum del Projecte

Aquest projecte va néixer de la necessitat d'aprendre les tecnologies JAMStack mentre creava un boilerplate útil per a futures aplicacions mòbils. La idea d'un joc de quiz sobre capitals de comarca de Catalunya va ser la excusa perfecta per explorar aquestes tecnologies modernes de desenvolupament.

Característiques Clau

Frontend Modern

• Interface intuïtiva: Desenvolupada amb VueJS i Vuetify per una experiència d'usuari fluida
• Responsive design: Optimitzada per funcionar perfectament en dispositius mòbils
• Progressive Web App: Capacitats offline i experiència similar a aplicació nativa

Contingut Educatiu

• Capitals de comarca: Base de dades completa amb totes les capitals de comarca de Catalunya
• Preguntes dinàmiques: Sistema de generació aleatòria de preguntes
• Aprenentatge interactiu: Combinació d'entreteniment i coneixement geogràfic

Backend Robust

• API escalable: Backend desenvolupat amb AdonisJS per gestionar preguntes i puntuacions
• Arquitectura JAMStack: Separació clara entre frontend i backend per màxima flexibilitat
• Base de dades optimitzada: Estructura eficient per emmagatzemar preguntes i resultats

Implementació Tècnica

Arquitectura JAMStack

• Nuxt.js: Framework Vue.js per renderització optimitzada i SEO
• Static Generation: Generació estàtica per màxim rendiment
• API First: Disseny centrat en APIs per facilitar futures integracions

Experiència Mòbil

• Mobile First: Disseny prioritzant l'experiència en dispositius mòbils
• Touch Optimized: Interfície optimitzada per interaccions tàctils
• Performance: Càrrega ràpida i navegació fluida

Funcionalitats del Joc

• Sistema de puntuació: Seguiment de resultats i estadístiques
• Compartir resultats: Facilitat per compartir puntuacions amb amics
• Preguntes adaptatives: Dificultat que s'adapta al nivell del jugador

Valor Educatiu

A més de ser un exercici tècnic, TriviaCapitals ofereix una manera divertida d'aprendre sobre la geografia catalana, específicament sobre les capitals de comarca, contribuint al coneixement del territori català.

Impacte i Aprenentatge

El desenvolupament d'aquesta aplicació va permetre consolidar coneixements en tecnologies modernes de desenvolupament web, establint les bases per a futurs projectes amb arquitectura JAMStack. L'experiència va demostrar la viabilitat de crear aplicacions mòbils ràpides i escalables utilitzant tecnologies web.