Share My Creation [Web] SithasoDaisy: TailwindCSS + DaisyUI Toolbox

LAUNCHED!!!!​

Check our FlipBook

Order your copy now at $15.

Includes...

• Lifetime support on your SithasoDaisy projects
• eBook on how to get started
• Source code for die hard coders (see current Netlify Demo)
• Abstract designer based examples for the no code / less code kind
• Support subsciption based PocketBase out of the Box
• TailwindCSS based UI creation
• Demo projects with source code (a) ExpenseTracker (b) Calculator (c) String Compression (d) Calling REST API with (BANano)fetch
• Demo projects with source code (a) Login (b) Registration (c) Contact Us, (d) web scraping (e) native camera access (f) scan barcode & qr code (g) save & retrieve base 64 image to database.

Join channel on Telegram

SithasoDaisy

TailwindCSS WebApps using b4x

t.me

You can scan this QR code to open the latest demo on your device:

Check Demo Now on netlify.

SithasoDaisy: TailwindCSS Websites using B4X.

SithasoDaisy: TailwindCSS Websites using B4X.

sithasodaisyui.netlify.app

Place Your Order Now using this link

SithasoDaisy

TailwindCSS PWAs, WebApps & Server Apps using b4xCurrent & future updatesLifetime support for your TailwindCSS projects developed with SithasoDaisySee our WebApps now...https://www.b4x.com/android/forum/threads/sithasodaisy-webapps-5-each.145871/

sithasoholdings.gumroad.com

GitHub - Mashiane/SithasoDaisyUI: TailwindCss WebApps using b4x

TailwindCss WebApps using b4x. Contribute to Mashiane/SithasoDaisyUI development by creating an account on GitHub.

github.com

SithasoDaisy TailwindCSS WebApps​

Subscribe to SithasoDaisy TailwindCSS WebApps and get a WebApp each month of the year.

Visit https://sithasoholdings.gumroad.com/l/vwaqj to activate your subscription.

Thank you so much.

 

[Mashiane]

So I decided to run a web scraper on my TailwindCSS website...

I talk about it here...

Running a web-scraper on my TailwindCSS Website

Well, I can safely confirm that one of the things on my bucket list has been ticked off. Ha ha ha.

mbanga-anele.medium.com

 

[Mashiane]

ShowCase: Buttons

The simplicity of creating & adding an event to a button. From the SithasoDaisy website, you have up to date live documentation. To create a button, like the one showcased here, just hover the code area, copy will appear, click 'Copy' and you can paste the code in b4x.

That simple!

 

[Mashiane]

Busy....

Creating the Documentation Code Snippets for SithasoDaisy Website, i.e. #TailwindCss+#DaisyUI ToolBox

 

[Mashiane]

Running tests by creating an Expense Tracker App (TailwindCss + DaisyUI + PocketBase + ChartJS)

This WebApp is also to demonstrate the possibilities of this UI Toolkit. We explore image importing, saving to database via REST API etc.

 

[asales]

Great work, @Mashiane. ? Very, very nice.

Do you will release this lib and the examples?
It will free or paid?
Thanks!

 

[Mashiane]

Do you will release this lib and the examples?

The library is not released yet, working towards that during the course of next month. Just battle testing some things and ensuring its having the basic minimum needed for WebApp/PWA/SPA creation. The focus is mostly for mobile app.

On Examples

Definately yes, check this Netlify Deployment . You can use the sidebar to navigate the component. Each component features also has a section that indicates how its built using b4x code. The provided examples source code can also be copied.

For example, the textbox on the left, was built using the source code on the right placed on R3C1 of the grid.

It will free or paid?

I want to offer it for free, but because I want to include lifetime support when people create projects with it, additional components when needed, an ebook. Also taking into consideration the time and resources built into this, a $15 donation fee is fair, don't you think?

Thanks a lot for your kind words.

 

[Mashiane]

Basic Calculator example up and running on the Demo.

 

[Xfood]

ShowCase: Buttons

The simplicity of creating & adding an event to a button. From the SithasoDaisy website, you have up to date live documentation. To create a button, like the one showcased here, just hover the code area, copy will appear, click 'Copy' and you can paste the code in b4x.

That simple!

View attachment 134909

wow great, is there an example in B4x already? this code for me is more readable than standard banano, BananoVuetifyAD3

​

 

[Mashiane]

wow great, is there an example in B4x already? this code for me is more readable than standard banano, BananoVuetifyAD3

​

Please see post #7.

 

[asales]

I want to offer it for free, but because I want to include lifetime support when people create projects with it, additional components when needed, an ebook. Also taking into consideration the time and resources built into this, a $15 donation fee is fair, don't you think?

With this examples, I agree.
Thanks for your effort.

 

[Mashiane]

Testing BANanoFetch functionality.... by doing the English to Minion Translator

Anyway I love minions... ?

Private Sub txtMessage_Append_Click (event As BANanoEvent)
    If txtMessage.IsBlank Then Return
    txtConvert.Value = ""
    txtMessage.AppendButton.Loading = True
    'execute the fetch
    Dim j As SDUIFetch
    j.Initialize("https://api.funtranslations.com/translate/minion.json")
    j.AddParameter("text", txtMessage.value)
    j.SetContentTypeApplication_X_WWW_Form_URLEncoded
    'compulsory
    j.AddHeader("X-Funtranslations-Api-Secret", "")
    'execute the post
    banano.Await(J.PostWait)
    txtMessage.AppendButton.Loading = False
    If j.Success Then
        Dim response As Map = j.response
        If response.ContainsKey("contents") Then
            Dim minionTaal As String = SDUIShared.GetRecursive(response, "contents.translated")
            txtConvert.Value = minionTaal
        End If
    Else    
        txtConvert.Value = j.ErrorMessage
    End If
End Sub

To be loaded on the SithasoDaisy demos soon!!

 

[Mashiane]

LZ String Compression & Decompression (8940 to 1432 characters)

This could be useful when wanting to temporarily want to store large amounts of data in localstorage or even inside a db.

 

[Mashiane]

Creating Views - Abstract Designer - Existing Blocks, #tailwindcss , #javascript

 

[Mashiane]

Most of what we did before was via code that we wrote as per current docs. See post #7. We are adding a spanner to the works by adding a full complement of Abstract Designs.. Here is the SDUIButton... You drop it in your abstact designer, set up some properties, generate events and you are good to go.

So in essense, SithasoDaisy will support both coding & abstract designing fully.

Event Code

Private Sub SDUIButton1_Click (e As BANanoEvent)
    app.ShowSwalAlertWait("Click", "This is a button click event...", "Ok")
End Sub

 

[Mashiane]

Drag n Drop on abstract designer, set properties, see your app come to life...

 

[Mashiane]

SithasoDaisy: What's the latest on this #tailwindcss + #daisyui toolkit.

 

[Mashiane]

Drag n Drop on abstract designer, set properties, see your app come to life..., we soldier on...

 

[Mashiane]

Going Steay towards finishing abstract designer support...

 

[Mashiane]

Drag n Drop on abstract designer, set properties, see your app come to life..., we soldier on...

All the above components are also codeable if one opts not to use the abstract designer. Remember this is TailwindCss based.