Rolling your own management application with Vue, Vue Router, Vuetify, and node-fetch
Blog post from LogRocket
The tutorial guides users through building the front end of an inventory management application using Vue, Vue Router, Vuetify, and node-fetch. It begins by setting up a Node.js project structure and cloning a pre-made backend from GitHub that includes a GraphQL server connected to MongoDB. The tutorial then details the creation of the front-end components using Vue, including setting up routes with Vue Router and designing the user interface with Vuetify. It explains how to create views for different routes, like users, categories, products, inventory, and orders, using Vuetify's components to manage data. The tutorial also outlines creating an actions.js file to handle interactions with the GraphQL server for CRUD operations. Finally, it walks through the process of building static files and deploying the application, connecting the client to the server, and demonstrates how to navigate and manipulate data within the application.