Building Real-World Web Applications with Vue.js 3

8

Building an Interactive Quiz App

We’ll be stepping up the complexity in this chapter by creating a quiz app that has an admin panel and a real-time connection among multiple clients through the use of WebSockets. WebSockets differ from our usual endpoints by keeping the connection open, allowing for continuous updates to be sent from a central socket server to one or more clients. Using these features, we’ll build a small-scale Kahoot clone.

For the admin panel, we’ll use Nuxt (https://nuxt.com/). Nuxt is a framework that was built as an extension of the Vue philosophy but extended with server capabilities. Save for the Electron app in Chapter 7, all of our code can run in the browser of the client. Nuxt allows Vue code to be executed on a ...