Building Real-World Web Applications with Vue.js 3

6

Creating a Fitness Tracker with Data Visualization

Up until this point, we’ve relied on stateless apps or storing the state on the users’ browser. In this chapter, we’ll cover using a database to store data in a centralized place, and we’ll learn how to modify and read from the data source. We’ll use the opportunity to incorporate some data visualizations as well, using a third-party library.

While we’re using a database and have to set up tables, this is by no means a guide to production-ready database configuration and management. I suggest brushing up on those skills in different ways. It does serve as a valuable prototype to familiarize yourself with patterns concerning database handling.

Again, we’ll build upon the knowledge we’ve acquired ...