B4J Tutorial [BANanoVuetifyAD3] Create Professional Looking Vuetify WebSites & WebApps with BANano

Ola

**************************************************
Feb 2024: BVAD3 RoadMap

[BANanoVuetifyAD3] 2024 RoadMap

Hi Fam BVAD3 is currently based on VueJS 2 and Vuetify 2. As you might be aware, VueJS 3 is now the standard and VueJS 2 has come to end of life when it comes to support. Vuetify 2 will also be coming to end of life when it comes to support. There has not been any upgrades to BVAD3 to work...

www.b4x.com

*************************************************

Download Additional Libraries
Download BANanoVuetifyAD3Core Library OR Download BANanoVuetifyAD3 Library
Download Kitchen Sink WebApp (Optional - useful for Learning how this works)
Download BVAD3Builder (Optional - useful to trim your final package)

Full Install Instructions on Github

What's New

To use this free and open source B4J library, you need BANano.

IMPORTANT: BANano License

Join Us

Telegram: https://t.me/bananovuematerial
Twitter: https://twitter.com/mashymbanga
Discord: https://discord.gg/ys8stGgWCU
YouTube: Mashy Teaches Video Series
B4x Blog: Mashy Teaches BVAD3 - New Series
Full Demo: New Awesome Kitchen Sink

Notable Forum Members Contributions

@Erel : Obviously
@alwaysbusy : valuable advice etc, BANano (incl. adjustments that support BVAD3)
@LJG : BANanoServer jRDC2, best overall bug finder
@aeric: Recommendations & Enhancements etc
@Star-Dust : Small solutions to development hitches etc
More...


What's Next?

You will find the most up to date content from this post onwards

Testing DataBase Connectivity (PHP)

The kitchen sink now has connectity testing for the various backends. To ensure that your app will work, you can check if your back-end is accessible.

MySQL
SQLite
MSSQL

WebServers You Can Use

Laragon - publish to c:\laragon\www

[WebApps] Using Laragon as your development web server

Ola I just ran into this link, https://www.keycdn.com/blog/web-development-tools And besides XAMPP, which I have been using for my personal web development projects, there is Laragon. With XAMPP, I remember I had to manually edit my php.ini file to locate the extension for SQLite3 to be...

www.b4x.com

[BANanoVuetifyAD3] Using a real device to debug your localhost running webapp

Hi there You are developing your app and want to see it running on your device instead of your machine from localhost. The easier method: 1. Enable hotspot on your phone. 2. Connect your PC to your phones hotspot. 3. Execute cmd > ipconfig > note the IP4 IP Address 4. Enter this IP address on...

www.b4x.com

USBWebServer
IIS - Publish to C:\inetpub\wwwroot
XAMPP - change your publish folder to use // instead of \

You can find more information here related to IDE Setup

Enjoy

PS: Log Warnings & Compilation Errors

1. Please check the pre-run logs. In most cases modules with warnings will have an underline. Warning, 9, 10, 11, 12 are normal, don't be scared.

2. manifext.txt file not found - Download the library source code and RUN to recompile on your PC. "Do not Compile to Library"
3. Do a HARD REFRESH of your browser.[/B]

 

[Mashiane]

Version 7.34 Maintenance Update now Available

Hi there

The maintenance update of BVAD3 is now available. You can download the source code here. You need to RUN this to generate a B4XLib.
This includes an updated Kitchen Sink WebApp and an updated Builder.

Please note:

The VFlexDialog has 5 examples added to the Kitchen Sink just under the What's New section. Please note the updates based on source code in the 5th example.
The Builder has been updated to include the latest version of BVAD3.
The library includes the BANanoKeyStore

The Kitchen Sink is running on netlify also: https://bananovuetifyad3.netlify.app/

Please note PHP related functionality will not work both on GitHub & Netlify.

Happy BVAD3 coding!

 

[Mashiane]

[BANanoVuetifyAD3] Your goto VueJS2 Web Framework for Shared Hosting

Hi there When the time comes to choose where to host your website you’re going to have a ton of options at your disposal. Beyond deciding which company to host with, you’ll also have to decide what kind of hosting package suits you best. Shared hosting is one of the most popular hosting...

www.b4x.com

 

[cd1001]

Hello Mashiane,

thank you very much for your effort to conquer new frontiers in using b4x. But I have a big wish: You should emphasize, that this project is in a higly experimental stage with a lot of moving parts - although a very clever one. Everybody should be aware of, that he shouldn't use it for production for client-projects for now. Otherwise it could be a call for beef. That said, I wish you could keep it coming. This is very good stuff! Best Carsten.

 

[Mashiane]

Hello Mashiane,

thank you very much for your effort to conquer new frontiers in using b4x. But I have a big wish: You should emphasize, that this project is in a higly experimental stage with a lot of moving parts - although a very clever one. Everybody should be aware of, that he shouldn't use it for production for client-projects for now. Otherwise it could be a call for beef. That said, I wish you could keep it coming. This is very good stuff! Best Carsten.

Thank you, I have noted your comments, with due respect, do you mind me asking? Is there something that you were trying to achieve using it and were not able to?

If so, do you mind sharing so that I can help or clarify?

Your input could help us be make things better where you feel like we are coming short.

?

 

[Mashiane]

[BANanoVuetifyAD3] WhatsApp CRM

Hi there Check it out on Netlify This is a very simple project to showcase the following: VFlexDialog + Bindings to VueTable. BANanoKeyStore CRUD - add, update and delete contacts using KeyValueStore Sending Messages using WhatApp click to chat API. A smaller version of the BANanoVuetifyAD3...

www.b4x.com

 

[Mashiane]

Version 7.35 Maintenance is available.

For Newbies, download all Additional Libraries (Extract in your Additional Libraries Folder) / Follow instructions to install from Github.

BVAD3

The BVAD3 library has been split between Full and Core

Full - this can be locally hosted or CDN. This version includes all plugins.
Core - this can be locally hosted or via CDN. This version excludes all plugins.

CDN version will require a constant internet connection to work whilst others don't.

Existing users, download

Full BVAD3 or Full BVAD3 CDN OR
Full BVAD3 Core or Full BVAD3 Core CDN

BVAD3 Builder

This web app helps you tree-shake you app by only extracting only the used classes, css & js files used on your final package. Use this tool just when you are fished coding and are to publish your final version of the app.

As this needs PHP to work properly, you will have to run it on you dev webserver. Get this here.

BVAD3 VFlexDialog Builder

This web app helps you generate the source code for your VFlexDialogs. Examples of how a functional VFlexDialog already exists in the Kitchen Sink WebApp.

You can run this directly from Netlify. The repo for the running source code is available from Github

PS: The Kitchen Sink WebApp showcases all the working examples of this library. Whilst its better to host and run this locally, you can explore it from Netlify.

Happy BVAD3 Coding.

 

[Mashiane]

[BANanoVuetifyAD3] VFlexDialog + MySQL CRUD REST API (PHP) - using Axios

Hi there Download BVAD3 7.35+ Download Source Code Its its your first time with BVAD3, please follow instructions on Github ReadMe on how to get started By the time you finish this, you will have a working VFlexDialog based app with MySQL CRUD REST API (PHP) working. Category Listing...

www.b4x.com

 

[Mashiane]

Hi Fam

Please note that BVAD3 is compatible with BANano 7.37 downwards.

Due to developments in BANano, version 8.19+ breaks BVAD3. We have requested help to find solutions and we will keep you posted.

Kind Regards