Teta : low-code builder
Teta is a low-code builder for native mobile applications. We can use our simple interface to build app faster than traditional development.
Teta is an online cooperative app builder. It allows designers and developers to collaborate in real-time on the design and development of mobile applications, through a convenient visual interface that allows the export of Flutter code.
Project Dashboard
The Homepage helps us manage our projects in Teta. We can create and delete our projects and add people to our organization from this page. our account information and plan details are also accessible from this page.
1. Projects
This section displays the projects we have created on Teta, we can easily navigate to any of them from this page. For creating a new project or a new organization, wecan use the + New Project button here.
By selecting the icon
we can delete our project
We can learn more about managing your projects from the Projects & Sample Apps page.
2. Organization
We can perform the following actions on the organization by selecting:
to add people to the team
to change organization and team settings
3. Account
The Account page is helpful if we want to take a look at our account information.
UI Builder
On Teta, we can build and customize our application from the UI Builder page. This page consists of all the UI elements (also known as widgets) that we can use while building our app’s layout.
1. Tree Area
The Tree Area shows the structure of your application, where we can add elements by selecting them from the Widget Panel on the canvas.
2. Mobile Area
The Mobile Area displays the mobile device screen where we can preview the items added to the Tree Area.
3. Properties Panel
The Properties Panel allows us to customize the selected widget by modifying the Properties like visibility, padding, alignment, and various widget-specific properties (e.g. Label Text of a TextField widget). We also have some other tabs for specifying Actions (like onTap and onSubmit) and setting Query Type (for any API call).
4. Tool Bar
The Tool Bar contains buttons to test our entire app by running or previewing it. We can also view/download the app code and publish our app directly to the store.
5. Widget Panel
We will find all the user interface elements or components in the Widget Panel. There’s also a search bar to quickly search for any widget.