Home / Companies / LogRocket / Blog / Post Details
Content Deep Dive

Rolling your own management application with Vue, Vue Router, Vuetify, and node-fetch

Blog post from LogRocket

Post Details
Company
Date Published
Author
Carlos Mucuho
Word Count
7,790
Language
-
Hacker News Points
-
Summary

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.