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

Building a Progressive Todo Web App with Vuetify, Vuex and GraphQL

Blog post from Hasura

Post Details
Company
Date Published
Author
Praveen Durairaju
Word Count
777
Company Posts That Month
7
Language
English
Hacker News Points
-
Post removed?
No
Summary

This tutorial demonstrates how to build a progressive Todo web app using Vuetify, Vuex, VueApollo, and Hasura GraphQL Engine. The tech stack includes Vue.js with Vuetify for Material Design UI, Vuex for state management, and VueApollo for making GraphQL queries. The app is built on the foundation of davidgaroro/vuetify-todo-pwa, which uses Vuetify for the TodoMVC UI with material design and Vuex for state management. Hasura GraphQL Engine is used to get instant GraphQL APIs over Postgres. The app also includes a boilerplate setup for a Progressive Web App (PWA) with an app manifest, service worker, and Workbox options to cache Google Fonts. The source code for the app can be found on GitHub.

Trends Found in this Post
Trend Post Mentions Total Month Mentions Posts Companies MoM
Real-time 1 287 104 41 -22%
Use This Data

Use this post, company, and trend context to find content marketing opportunities, perform competitive analysis, or address product feature gaps via the Plushcap MCP server or the Plushcap API.