Create an app from scratch
3 min
what you will learn in this quick guide, you will learn the basics of jigx and how easy it is to create mobile apps basic jigx concepts are introduced, such as collecting information, working with data in sqlite, navigating between screens, and passing parameters what you will create 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 before you start building your first solution ensure you have created a creating an account docid k g0ivopykt0vma74oh and install the jigx builder docid 6lobosk78uxkri2zb16bn get an overview of the architecture docid\ awk2ir2dk91jgvcfcmdpb and an understanding of the jigx concepts docid\ fgy98xczm5qs yjoii8po 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 several types https //docs jigx com/examples/jig types of jigs you can build they are default, document, calendar, composite, and list below are step by step guides that use these jig types each solution step builds on the previous step until you have a functioning mobile app each solution provides an overview, explaining the jigx's concepts introduced in the step, and code samples with comments https //docs jigx com/create the hello jigx solution project https //docs jigx com/create the hello jigx solution project step 1 create the hello jigx solution project start by creating the hello jigx project in vs code build time 2 min https //docs jigx com/create the map https //docs jigx com/create the map step 2 create the map build a map jig that displays a specific location on a map, with an icon for the jig build time 10 min https //docs jigx com/create the calendar https //docs jigx com/create the calendar step 3 create the calendar next, add a calendar jig that displays a week with the events, meetings, and relevant details build time 10 mins https //docs jigx com/create data form and list https //docs jigx com/create data form and list step 4 create data forms & lists build a jig to add a new customer by capturing the customer's details using a form then add a jig to list all the customers created using the form add the ability to view, and edit these customer records build time 20 mins https //docs jigx com/combine the solutions elements https //docs jigx com/combine the solutions elements 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 jig, then add a jig header to the new customer jig build time 15 mins https //docs jigx com/customize the hello jigx solution https //docs jigx com/customize the hello jigx solution 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 planning your app docid\ mwzyji2tyglhzfp3ujr1p , then learn how to use templates to create apps docid o19tapdrudfttbpa1gkg or explore the various available ui elements in jigx by adding the jigx samples use pre built solutions docid\ w6bhz7wu0cajy2lwnnr5t to your organization and viewing the solution in the jigx app