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

Ola

Getting Started

NB: IT IS IMPORTANT THAT YOU PLEASE RUN THE BANANOVUETIFYAD3 LIBRARY ON YOUR OWN DEVICE (DO NOT USE THE COMPILED B4XLIB OUT OF THE BOX),THIS WILL GENERATE THE B4XLIB FOR YOUR DEVICE.


Please read my Article on Medium

1. Download and Copy these files to your B4J External Libraries Folder.
NB: It is greatly recommended that you Download the Library Source Code and run it from your PC Directly
2. Download this b4x template and put it in your B4J Internal Libraries Folder
3. Download and run the Awesome Kitchen Sink WebApp
4. Learn from Mashy Teaches WebApp/Website Development with BANanoVuetifyAD3 - The New Series
5. We also have the BANanoServer (jetty) version of the Kitchen Sink. See this link also https://www.b4x.com/android/forum/t...bsites-webapps-with-banano.124548/post-845410
6. Download test.sql to import with phpMyAdmin

BANanoDataSource



Tools

BindVueElement Builder

You also can

Explore the Awesome Kitchen Sink WebApp Online hosted on GitHub
Mashy Teaches BANanoVuetifyAD3 YouTube PlayList

Creating a new Project

3. In B4J, click File > New > BVAD3EDS to create a new project

1624754308034.png


What's Next?

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

For MySQL Back-Ends

Run the Connection Tester WebApp
https://www.b4x.com/android/forum/threads/banano-bvad3-php-connection-tester.131014/page-2

WebServers You Can Use

Laragon - publish to c:\laragon\www

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

BTW we are on Social Media

Join our Telegram: https://t.me/bananovuematerial
Twitter handle: @mashymbanga

Open Source Code (MIT License)

Here is the Library Source Code (THIS IS OPEN-SOURCE)
Here is the Source Code for the Extensions we have used

Freebies - BVAD3 Projects

Download

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.

1625825241311.png


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.
 
Last edited:
Top