LogoLogo
  • Adapptio User Documentation
  • Getting Started
    • Quickstart
    • Architecture Overview
      • Views
      • Actions
      • Integrations
      • API Endpoints
      • Routes
      • Events
      • Assets
    • Editor
      • Main Menu
        • Create New Resources
        • Manage the Application
        • Monitoring Errors
      • Main Toolbar
        • Deploying the Application
        • Opening the Application
        • Preview Mode
        • Error Monitor
      • Components Panel
        • Components
        • Inspector
        • View Settings
      • Outline Panel
        • Data Variables
          • State Variable
          • Data From Action
      • Data Explorer
      • Console
    • Playground
  • Working with Adapptio
    • Best Practices
    • Tutorials
      • 1. Hello World
      • 2. Visualize Data from API
      • 3. Advanced Layout Application
      • 4. Application with In-Memory Database
    • How To
      • Custom Auth
      • Action Logic
        • Transform Node
      • UI Logic
        • Logout
        • Conditional Render
        • One Of
      • Data & Dynamic values
        • Custom Variable
        • Data from Action
        • Dynamic Value
        • Change Value from Event
        • Loading Data from Action to Form
        • Sending Data to Action from a Form
        • Server-side Dropdown Autocompletion
      • Visual
        • Styling Icon Button
      • Layouts
        • Centered Box
        • Header & Sidebar Layout
        • Grid Form Layout
        • Stretched Layout in Row
    • Components
      • Composed Chart
      • Advanced Table
      • Custom Component
    • Examples of Applications
      • SaaS Platforms
      • Customers Portals
      • Information Systems
      • Internal Tools
        • Color Picker
      • IoT Applications
      • Smart Portals
      • Analytics & Calculators
      • Statistics & Monitoring Panels
      • API Data Visualization
      • Simple Games
  • DEPLOYMENT
    • Cloud Hosted
    • Self Hosted
  • REFERENCE GUIDE
    • Components List
      • Application Header
      • Box
      • Container
      • Grid
      • Sidebar Layout
      • View
      • Text Input
      • Number
      • Checkbox
      • Option
      • Date and Time
      • File Upload
    • Properties
      • ACCEPT
      • CUSTOM PLACEHOLDER
      • DESCRIPTION
      • ENABLED
      • FONT SIZE
      • FOREGROUND COLOR
      • FORM DATA KEY
      • HEADERS
      • ICON
      • ID
      • LABEL
      • METHOD
      • MULTIPLE
      • MAX FILE SIZE
      • REQUEST TIMEOUT
      • REQUIRED
      • READ-ONLY
      • SIZE
      • TEXT ALIGNMENT
      • TEXT STYLE
      • URL
      • UPLOAD IMMEDIATELY
      • VALIDATE
      • VALUE
    • Functions
      • Array
      • Date
      • Generators
      • JSON
      • Logic
      • Math
      • Object
      • String
      • Types
      • Util
  • Support
    • Get in touch
    • Release Notes
  • Legal
    • Terms and Conditions
    • GDPR
Powered by GitBook
On this page
  • Creating your first application
  • Application overview
  • Build your first application
  • Running your application
  • Login into the application

Was this helpful?

  1. Getting Started

Quickstart

Deliver professional WEB applications in a record time!

PreviousAdapptio User DocumentationNextArchitecture Overview

Last updated 2 years ago

Was this helpful?

The only think you need is an account, so sign up for free now.

Step 1: Create an account

Making a new account is easy. You can use your existing Google account or create a new one with your e-mail. Please follow the link www.adapptio.cloud, and get started now.

Creating your first application

After new registration you will be prompted to enter your Organization name and Application name. It is filled with your name and My First App by default, but feel free to change it as you wish. Then click on Create button and you will be redirected to the application overview.

Application overview

Just after a few seconds your editor will be ready to use and you can start creating your application. Click on the button OPEN EDITOR to continue. You can also manage your application using this page - in navigation you see detail, user management, infrastructure management and your subscription plans.

Step 2: Open editor

The running application will be available after you deploy it from the editor.

Build your first application

Opening an editor will allow you to work with graphical views representing web pages. Also, work with integrations to your systems and actions calling integrations to get data, transform them and pass to the views.

Step 3: Build Hello World application

You can preview your application in the upper-right corner by clicking on the eye icon. Closing the preview mode returns you to the editor, where you can try to run the application itself by clicking on the icon next to the the preview. It won't be possible till you click on the deploy button. Choose your production space, and you are ready to deploy.

Step 4: Deploy your application

Running your application

After deploying your application, it can be open directly from the editor, just click on the open application button next to the deploy button or outside of the editor in Adapptio platform by clicking on the OPEN APPLICATION button, wherever you can run, restart or stop your application.

Step 5: Open your application

Login into the application

Once the application is running and open, it is secured by our login screen. You can simply click to Login with Adapptio and follow the login process.

Step 6: Sign in to your application

Getting Started
Login screen