Vue.js Starter Project
This example project builds on the previous RESTful API project by scaffolding a frontend application using Vue.js. This will become the basis for a full frontend for the application over the next few projects.
Project Deliverables
At the end of this example, we will have a project with the following features:
- A single page frontend application running in Vue 3.
- Built-in Vue features such as Vue Router and Pinia.
- Access to components and icons from PrimeVue.
- Access to Tailwind CSS for additional CSS styling and features.
- A working Dark Mode Theme completed with a selector that remembers our preference.
- A working Vite server that will proxy requests to our backend RESTful API seamlessly.
- An Axios client that can access our RESTful API routes.
- A seamless system for authentication and requesting a JWT to access protected API routes.
Prior Work
This project picks up right where the last one left off, so if you haven’t completed that one yet, go back and do that before starting this one.
Let’s get started!