Building a Vue 3 Desktop App With Pinia, Electron and Quasar

• scrum-daily-standup-picker

  1 21 0.0 Vue

  A desktop application which can be used in Scrum teams to initiate the daily Scrum meeting.

Recently, I planned to rewrite my “Scrum Daily Standup Picker” Electron application in Vue 3. I wrote the initial release in Angular, but I wanted to refactor the code base and rewrite it in Vue 3.

• quasar-electron-vue3-pinia-demo

  1 8 0.0 JavaScript

  A simple Electron desktop application based on Quasar, Vue 3, Typescript, Pinia and Electron.

Take a look at my “Scrum Daily Standup Picker” GitHub repository to see a more complex “Quasar-Electron-Vue3-Typescript-Pinia” project. The demo source code for the following demo is available at GitHub.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• TypeScript

  1,305 97,944 9.9 TypeScript

  TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  

We chose SCSS as our CSS preprocessor, ESLint & Typescript as additional features, Vue 3’s Composition API and Prettier for code formatting.

• Sass

  199 14,902 8.8 TypeScript

  Sass makes CSS fun!

  

We chose SCSS as our CSS preprocessor, ESLint & Typescript as additional features, Vue 3’s Composition API and Prettier for code formatting.

• Quasar Framework

  159 25,202 9.9 JavaScript

  Quasar Framework - Build high-performance VueJS user interfaces in record time

  

Quasar is an MIT licensed open-source Vue.js based framework that targets SPA, SSR, PWA, mobile app, desktop app, and browser extension all using one codebase. It handles the build setup and provides a complete collection of Material Design compliant UI components.

• prettier

  440 48,241 9.8 JavaScript

  Prettier is an opinionated code formatter.

  

We chose SCSS as our CSS preprocessor, ESLint & Typescript as additional features, Vue 3’s Composition API and Prettier for code formatting.

• ESLint

  380 24,281 9.7 JavaScript

  Find and fix problems in your JavaScript code.

  

We chose SCSS as our CSS preprocessor, ESLint & Typescript as additional features, Vue 3’s Composition API and Prettier for code formatting.

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

Suggest a related project