Technical requirements

At the heart of our setup lies the Server Quiz App (SQA), which is scaffolded around Nuxt (https://nuxt.com/), Pinia for state management (https://pinia.vuejs.org/), Supabase for managing quiz data (https://supabase.com/), and Vuetify (https://vuetifyjs.com/) for rendering a management interface.

We’ll build a standalone Socket Quiz Server (SQS) that uses Express (https://expressjs.com/) to process incoming requests and sets up a socket.io server (https://socket.io/) to maintain a real-time connection between clients.

Lastly, our Client Quiz App (CQA) will use Vuetify to render the quiz elements (https://vuetifyjs.com/).

You can find the code complete code for this chapter here: https://github.com/PacktPublishing/Building-Real-world-Web-Applications-with-Vue.js-3/tree/main/08.quiz.