Vuetify

I'd like to create a web app that realizes a warehouse manager. The warehouse would accept multiple varieties of potatoes from the farmers. I'd want the app to be able to run on both desktop and tablet, so the warehouse manager could verify and create new entries on spot but also users could check on the current warehouse state remotely.

I'd like the app to be able to handle contracts made with the farmers, basically, a contract would contain information about the farmer, the potato species, the overall amount, with how many trucks it should be delivered on what dates, and the delivery deadline until the agreed amount should be delivered. Therefore the warehouse manager could create a shipping schedule and plan ahead for each day, how many trucks will come to the warehouse.

Upon receiving, the storing base unit should be one crate. These crates should receive all the necessary information that will allow them to be traced back all the way to the farmer. The app should warn the user if a crate contains potatoes that are approaching their expiration date (differs across potato varieties). Upon exiting the warehouse the crates should have a valid exit case (it went to the processing unit, other warehouses, direct sale, or waste) The user should be able to search between records, filter and sort the data.

I have used TypeScript from my past and really liked it, wonder if Vue.js has some solutions to support Typescript.

I wonder if there is a major difference in database usage (SQL or NoSQL) in the case of this data structure (is it more difficult to search, filter, sort or hold on long term data if I'm using NoSQL) I'm not really used to backed development, is it alright to write my backend in something like Java or .NET? I also want a clean user interface, big buttons, easy to use, not distracting, fast, dashboard-like UI. Maintaining the opportunity to be able to create automatic charts and diagrams from the data record (I saw Vuetify has some pretty good UI elements for that, has for example React a better solution?)

We want to build an e/m-learning platform, so please guide us on choosing Quasar Framework or Vuetify? Our preferred tech stack is - Vue.js, GraphQL, Apollo. Which is best suited for the production-level UI framework?

I'm migrating from pure Laravel with Bootstrap project to a kind of Laravel + Vue.js. Which one should I use for the UI?

We are considering bootstrap version 4. Still, which of these 3 should I choose? Pure bootstrap, Vuetify, or Bootstrap Vue?

Our whole Vue.js frontend stack (incl. SSR) consists of the following tools:

• Nuxt.js consisting of Vue CLI, Vue Router, vuex, Webpack and Sass (Bundler for HTML5, CSS 3), Babel (Transpiler for JavaScript),
• Vue Styleguidist as our style guide and pool of developed Vue.js components
• Vuetify as Material Component Framework (for fast app development)
• TypeScript as programming language
• Apollo / GraphQL (incl. GraphiQL) for data access layer (https://apollo.vuejs.org/)
• ESLint, TSLint and Prettier for coding style and code analyzes
• Jest as testing framework
• Google Fonts and Font Awesome for typography and icon toolkit
• NativeScript-Vue for mobile development

The main reason we have chosen Vue.js over React and AngularJS is related to the following artifacts:

• Empowered HTML. Vue.js has many similar approaches with Angular. This helps to optimize HTML blocks handling with the use of different components.
• Detailed documentation. Vue.js has very good documentation which can fasten learning curve for developers.
• Adaptability. It provides a rapid switching period from other frameworks. It has similarities with Angular and React in terms of design and architecture.
• Awesome integration. Vue.js can be used for both building single-page applications and more difficult web interfaces of apps. Smaller interactive parts can be easily integrated into the existing infrastructure with no negative effect on the entire system.
• Large scaling. Vue.js can help to develop pretty large reusable templates.
• Tiny size. Vue.js weights around 20KB keeping its speed and flexibility. It allows reaching much better performance in comparison to other frameworks.

I'm building most projects using: Server: either Fastify (all projects going forward) or ExpressJS on Node.js (existing, previously) on the server side, and Client app: either Vuetify (currently) or Quasar Framework (going forward) on Vue.js with vuex on Electron for the UI to deliver both web-based and desktop applications for multiple platforms.

The direct support for Android and iOS in Quasar Framework will make it my go-to client UI platform for any new client-side or web work. On the server, I'll probably use Fastly for all my server work, unless I get into Go more in the future.

Update: The mobile support in Quasar is not a sufficiently compelling reason to move me from Vuetify. I have decided to stick with Vuetify for a UI for Vue, as it is richer in components and enables a really great-looking professional result. For mobile platforms, I will just use Cordova to wrap the Vue+Vuetify app for mobile, and Electron to wrap it for desktop platforms.