Building Real-World Web Applications with Vue.js 3: Build a portfolio of Vue.js and TypeScript web applications to advance your career in web development

Building Real-World Web Applications with Vue.js 3: Build a portfolio of Vue.js and TypeScript web applications to advance your career in web development

By Joran Quinten


BookEllipseJan 2024Ellipse318 pagesEllipse1st Edition






€14.99 Monthly
Play Sample Audio
00:00 / 00:00






€14.99 Monthly

Key benefits

    • Increase your prospects of securing employment as a web developer
    • Familiarize yourself with the Vue ecosystem and build more advanced applications by leveraging the fundamentals
    • Progress at your own pace and build a personal project using a modern tech stack
    • Purchase of the print or Kindle book includes a free PDF eBook

Book description

In the ever-evolving web development landscape, Vue.js stands out with its intuitive design and progressive framework, empowering developers to create interactive and dynamic web applications. This book will help you stay in the forefront of modern web technologies by mastering Vue.js through hands-on projects and practical applications. Building Real-World Web Applications with Vue.js 3 is your guide to exploring the core concepts of Vue.js, setting up your development environment, and creating your first Vue.js application. You’ll progress by building a recipe app using Vuetify, followed by leveraging data visualization to create a fitness tracker featuring dynamic dashboards using external databases and Vue-ChartJS. You'll then get to grips with multiplatform development with Quasar to deploy your app. As you develop an interactive quiz app, you’ll be introduced to server-side logic with Nuxt.js, WebSockets for real-time communication, and client-server differentiation. Additionally, you’ll study experimental object recognition using TensorFlow, leveraging machine learning and camera input, and conclude by creating a portfolio website with Nuxt and Storyblok. By the end of this book, you'll have the knowledge and confidence to create your own Vue.js applications and build a portfolio to showcase your Vue.js skills to potential employers.

Who is this book for?

This book is for aspiring Vue.js developers eager to dive into practical projects. Whether you're just starting your Vue.js journey or have basic knowledge of JavaScript and web technologies, this book is a valuable resource, taking a hands-on approach to establishing a solid foundation in Vue.js while working on a variety of real-world projects.

What you will learn

Master VueJS fundamentals and best practices Build real-world applications and create a portfolio Use VueRouter and manage state with Pinia Implement Vuetify for rapid UI development Develop multiplatform apps with Quasar Framework Create interactive quizzes using WebSocket connections Apply TensorFlow for object recognition Build a portfolio website with Nuxt and Storyblok CMS

What do you get with eBook? Show details

Feature iconInstant access to your Digital eBook purchase
Feature iconDownload this book in EPUB and PDF formats
Feature iconAI Assistant (beta) to help accelerate your development
Feature iconAccess this title in our online reader with advanced features
Feature iconDRM FREE - Read whenever, wherever and however you want

Product Details

Publication date :

Jan 12, 2024

Length :

318 pages

Edition :

1st Edition

Language :


ISBN-13 :


Category :

Languages :

Tools :

Table of Contents

17 Chapters


Who this book is for

What this book covers

To get the most out of this book

Download the example code files

Code in Action

Conventions used

Get in touch

Share Your Thoughts

Download a free PDF copy of this book

Part 1: Getting Started with Vue.js Development

Chapter 1: Introduction to Vue.js

Technical requirements

The need for Vue.js

Requirements and tooling

Setting up the development environment

My first app


Chapter 2: Creating a Todo List App

A new project

Building up the app

Reactivity explained

Single File Components

The Vue.js DevTools


Chapter 3: Building a Local Weather App

Technical requirements

Initializing the app

Working with different types of APIs

Handling data from a third-party API

Styling with Tailwind

Ensuring stability with Vitest


Chapter 4: Creating the Marvel Explorer App

Technical requirements

Getting started with our new project

The Superhero connection

Marvelous routes in a single-page application

Composables, assemble!

Managing the roster

A different vision


Part 2: Intermediate Projects

Chapter 5: Building a Recipe App with Vuetify

Technical requirements

A new Vue project

Let’s get cooking

Quick development with Vuetify

Connecting the recipes to our app

Using Pinia for state management


Chapter 6: Creating a Fitness Tracker with Data Visualization

Technical requirements

Creating a client

Setting up the database

Handling the user

App state

Exercise tracking

Our hard work visualized


Chapter 7: Building a Multiplatform Expense Tracker Using Quasar

Technical requirements

Setting up the database

Using Quasar to build a project

Authenticating with Supabase and Quasar

Building the app with the Quasar CLI


Part 3: Advanced Applications

Chapter 8: Building an Interactive Quiz App

Technical requirements

Entities in the quiz app setup

Setting up the database


Setting up the SQS

Creating the CQA


Chapter 9: Experimental Object Recognition with TensorFlow

Technical requirements

Introduction to TensorFlow

Scavenge Hunter

Object recognition from the camera

Wrapping up the game flow


Part 4: Wrapping Up

Chapter 10: Creating a Portfolio with Nuxt.js and Storyblok

Technical requirements

Setting up Storyblok

Working with multiple content types

Modifying the content model

Generating a standalone website

Publishing the static site

You made it!


Why subscribe?

Other Books You May Enjoy

Packt is searching for authors like you

Download a free PDF copy of this book

Recommendations for you

Similar Content in Web Development

React Key ConceptsReact Key Concepts
Dec 2022Ellipse590 Pages

Authors (1)

Get free access to Packt library with over 7500+ books and video courses for 7 days!


Where there is an eBook version of a title available, you can buy it from the book details for that title. Add either the standalone eBook or the eBook and print book bundle to your shopping cart. Your eBook will show in your cart as a product on its own. After completing checkout and payment in the normal way, you will receive your receipt on the screen containing a link to a personalised PDF download file. This link will remain active for 30 days. You can download backup copies of the file by logging in to your account at any time.

If you already have Adobe reader installed, then clicking on the link will download and open the PDF file directly. If you don't, then save the PDF file on your machine and download the Reader to view it.

Please Note: Packt eBooks are non-returnable and non-refundable.

Packt eBook and Licensing When you buy an eBook from Packt Publishing, completing your purchase means you accept the terms of our licence agreement. Please read the full text of the agreement. In it we have tried to balance the need for the ebook to be usable for you the reader with our needs to protect the rights of us as Publishers and of our authors. In summary, the agreement says:

  • You may make copies of your eBook for your own use onto any machine
  • You may not pass copies of the eBook on to anyone else

If you want to purchase a video course, eBook or Bundle (Print+eBook) please follow below steps:

  1. Register on our website using your email address and the password.
  2. Search for the title by name or ISBN using the search option.
  3. Select the title you want to purchase.
  4. Choose the format you wish to purchase the title in; if you order the Print Book, you get a free eBook copy of the same title. 
  5. Proceed with the checkout process (payment to be made using Credit Card, Debit Cart, or PayPal)

  • If you experience a problem with using or installing Adobe Reader, the contact Adobe directly.
  • To view the errata for the book, see and view the pages for the title you have.
  • To view your account details or to download a new copy of the book go to
  • To contact us directly if a problem is not resolved, use

Our eBooks are currently available in a variety of formats such as PDF and ePubs. In the future, this may well change with trends and development in technology, but please note that our PDFs are not Adobe eBook Reader format, which has greater restrictions on security.

You will need to use Adobe Reader v9 or later in order to read Packt's PDF eBooks.

  • You can get the information you need immediately
  • You can easily take them with you on a laptop
  • You can download them an unlimited number of times
  • You can print them out
  • They are copy-paste enabled
  • They are searchable
  • There is no password protection
  • They are lower price than print
  • They save resources and space

Packt eBooks are a complete electronic version of the print edition, available in PDF and ePub formats. Every piece of content down to the page numbering is the same. Because we save the costs of printing and shipping the book to you, we are able to offer eBooks at a lower cost than print editions.

When you have purchased an eBook, simply login to your account and click on the link in Your Download Area. We recommend you saving the file to your hard drive before opening it.

For optimal viewing of our eBooks, we recommend you download and install the free Adobe Reader version 9.