Code Blocks

Build basic functional native applications using the code blocks features. Generate frontend, backend and setup codes and deploy them on any cloud hosting solution in minutes, not hours.  

[mwai-form-container id=”rgf47hhf0″ theme=”ChatGPT”]
[mwai-form-field id=”mwai-p4abhzgaf” label=”Your App Name : ” type=”input” name=”YOUR_APP_NAME_” options=”%5B%5D” placeholder=”Eg. Simple Signup Form”]
[mwai-form-field id=”mwai-jz6vgkswr” label=”Select Coding Language ” type=”select” name=”SELECT_CODING_LANGUAGE” options=”%5B%7B%22label%22%3A%22HTML%22%2C%22value%22%3A%22HTML%22%7D%2C%7B%22label%22%3A%22JavaScript%22%2C%22value%22%3A%22Javascript%22%7D%2C%7B%22label%22%3A%22Python%22%2C%22value%22%3A%22Python%22%7D%2C%7B%22label%22%3A%22Flutter%22%2C%22value%22%3A%22Flutter%22%7D%2C%7B%22label%22%3A%22Swift%22%2C%22value%22%3A%22Swift%22%7D%5D”]
[mwai-form-field id=”mwai-u4t0esp2q” label=”How will the app look? (Frontend)” type=”textarea” name=”HOW_WILL_THE_APP_LOOK_FRONTEND” options=”%5B%5D” placeholder=”Eg. A basic mobile-responsive form that has white and blue theme color.” rows=”4″]
[mwai-form-field id=”mwai-7yw16k2va” label=”How will the app work? (Backend)” type=”textarea” name=”HOW_WILL_THE_APP_WORK_BACKEND” options=”%5B%5D” placeholder=”Eg. Users can use the form to signup. The user can create an account using their email ID, password and select a user role between ‘reader’ and ‘writer’.” rows=”4″]
[mwai-form-field id=”mwai-k2s8deh4e” label=”Select a database configuration ” type=”select” name=”SELECT_A_DATABASE_CONFIGURATION” options=”%5B%7B%22label%22%3A%22MySQL%22%2C%22value%22%3A%22MySQL%22%7D%2C%7B%22label%22%3A%22MongoDB%22%2C%22value%22%3A%22MongoDB%22%7D%2C%7B%22label%22%3A%22Firebase%22%2C%22value%22%3A%22Firebase%22%7D%2C%7B%22label%22%3A%22SQLite%22%2C%22value%22%3A%22SQLite%22%7D%5D”]
[mwai-form-submit id=”mwai-xx90bljdh” label=”Start Building ” prompt=”Build%20a%20%7BSELECT_CODING_LANGUAGE%7D%20language%20application%20named%20%7BYOUR_APP_NAME_%7D.%20%0A%0AHere’s%20the%20overview%20of%20the%20app%20%3A%20%0A%0AFrontend’s%20description%20%3A%20%0A%7BHOW_WILL_THE_APP_LOOK_FRONTEND%7D%0A%0ABackend%20Description%20%3A%20%0A%7BHOW_WILL_THE_APP_WORK_BACKEND%7D%0A%0AAlso%2C%20do%20the%20database%20configuration%20using%20%7BSELECT_A_DATABASE_CONFIGURATION%7D.%20%0A%0ANow%2C%20write%20the%20code%20in%20code%20snippets%20so%20it%20can%20easily%20be%20copied%20and%20pasted%20by%20end%20user.%20Optimise%20the%20code%20for%20better%20performance%20and%20give%20basic%20instructions%20on%20how%20to%20use%20deploy%20the%20app.%20%0A%0AMake%20sure%20that%20any%20code%20that%20you%20write%20isn’t%20raw%20and%20is%20written%20in%20snippets%20or%20code%20blocks.%20Especially%2C%20the%20HTML%20code.%20Make%20sure%20not%20to%20execute%20the%20HTML%20code%2C%20just%20write%20it%20in%20code%20blocks%20or%20code%20snippets.” output_element=”#mwai-z1q5qtr5s” model=”” temperature=”0.8″ max_tokens=”10000″]

Your Code :

[mwai-form-container id=”0wmdqd2t8″ theme=”ChatGPT”]
[mwai-form-output id=”mwai-z1q5qtr5s”]

Deploy A Local LLM On Web

Congrats on generating the LLM code! The next step is to deploy this LLM on web. Follow the below instructions :

General Instructions :

Codes generated for local LLMs are mostly in HTML and Python language. Therefore, to create a web deployment, we will utilise a web-based deployment framework called PyScript. This source material will guide you to achieve this goal.

Important URLs :

Pyscript framework : Pyscript.net
Pyscript platform : Pyscript.com

Simple Steps :

First, create a free account on Pyscript.com and create a new project.
The project comes with 3 files : index.html; main.py & pyscript.toml. 

Installation of packages :

Every AI/LLM system will require you to install several libraries AKA packages into the environment. The information of the packages are given at the end of the code base by Sttabot. For example, if your LLM requires the following package to be installed : 

				
					pip install torch flask
				
			

You will need to go to the pyscript.toml file and place the following code there : 

				
					package = ["flask" , "torch"]
				
			

Building the frontend :

You will then need to go to the index.html page and paste all the HTML, CSS and Javascript code there. If you do not have a combined code, you can always add a separate file for javascript and css by the name script.js and style.css.

Building the backend :

Finally, copy the Python (backend) code generated from Sttabot and paste it in the app.py file. 

Final Deployment:

Now click on Save & Run button and your chatbot is live. Copy the URL and share it with anyone.

Signup at Sttabot for free..

Signup For Code Blocks
OR