Website logo
✅ Sign up👥 Community🎯 Samples on GitHub🚦 System Status
💡 Guides
🚀 Examples
🍕 Developer Reference
⚡️ Changelog
🎥 Video Library
Navigate through spaces
⌘K
Welcome to Jigx Documentation
Getting started
Creating an account
Install the Jigx Builder
Use templates to create apps
Create an app from scratch
Use pre-built solutions
Planning your app
Understanding the basics
Jigx Overview
Jigx Concepts
Authentication
Jigx color palette
Jigx icons
Building Apps with Jigx
Jigx Builder Overview
Install
Settings
Editor
Create a new Jigx Solution
Publishing a solution
Debugging
Home Hub Experience
Index settings
Templates
Inputs & Outputs
Forms
Data
Expressions
Advanced Expressions
Expressions - cheatsheet
Notifications
Stories
Localization
Tips, tricks and shortcuts
Administration
Management Overview
Permissions - User Roles
Users
Solutions
Notifications
Organization Settings
Troubleshooting (Organization)
Quick Start
My profile
Docs powered by Archbee
Getting started

Create an app from scratch

3min

What you will learn

In this quick guide, you will learn the basics of  and how easy it is to create mobile apps. Basic  concepts are introduced, such as collecting information, working with data in SQLite, navigating between screens, and passing parameters.

What you will create

Hello Jigx Solution
Hello Jigx Solution


The solution is named Hello-Jigx and consists of a map showing a location, a calendar with events, a form to capture and view data, and a list showing the captured data. The table below guides you through building each element of the solution.

  1. Before you start building your first solution ensure you have created a Creating an account and Install the Jigx Builder. Get an overview of the Jigx platform and an understanding of the Jigx Concepts.
  2. We recommend you build out all the solution steps below, as each solution step builds on the previous step until you have a functioning mobile app.

Solution Steps

There are five types of s you can build. They are default, document, calendar, composite, and list. Below are step-by-step guides that use these  types. Each solution step builds on the previous step until you have a functioning mobile app. Each solution provides an overview, explaining the 's concepts introduced in the step, and code samples with comments.

Step 1: Create the Hello Jigx solution project Start by creating the Hello  project in  Build time: 2 min

Step 2: Create the Map Build a map  that displays a specific location on a map, with an icon for the . Build time: 10 min

Step 3: Create the Calendar Next, add a calendar  that displays a week with the events, meetings, and relevant details. Build time: 10 mins

Step 4: Create Data - forms & lists Build a  to add a new customer by capturing the customer's details using a form. Then add a  to list all the customers created using the form. Add the ability to view, and edit these customer records. Build time: 20 mins

Step 5: Combine the solution's elements Now you have built a solution that shows a location on a map, a calendar with detailed entries, and a new customer form and list in a single solution. Let us expand the solution further by joining the new customer form and list into one , then add a  header to the new customer , and finally add a story to your solution's . Build time: 15 mins

Step 6: Customize the Hello-Jigx solution Extend your solution with styling changes and additional functionality. Replace the map icon with a location widget in the map.jigx file, and replace the people icon with the image widget in the composite.jigx file. Change the calendar icon and add a badge to display the number of events for the week. Build time: 10 mins

What's next?

Why not build your own app? See how to plan your app, then learn how to Use templates to create apps or explore the various available UI elements in  by adding the Jigx-samples and Jigx-widgets prebuilt solutions to your organization and viewing the solutions in the .

Updated 08 Nov 2023
Did this page help you?
PREVIOUS
Use templates to create apps
NEXT
Create the Hello Jigx solution project
Docs powered by Archbee
TABLE OF CONTENTS
What you will learn
What you will create
Solution Steps
What's next?
Docs powered by Archbee
Copyright © 2023 Jigx, Inc. All rights reserved. Terms of Service