Digia Academy
Digia StudioDiscordLinkedIn
  • Introduction
    • FAQs
  • What's New
    • 2024
      • March
  • DIGIA STUDIO INTRODUCTION
    • Dashboard
    • Builder Tool
      • Navigation Menu
      • Tool Bar
      • Pages and Widgets Panel
      • Canvas Area
      • Properties Panel
    • Creating a New Project
    • Creating new Pages
    • Working with Widget Tree
    • Build Your First App
      • Hello World
      • Bytes App
        • Onboarding
        • Defining API Calls
        • Courses
        • Articles
        • Viewing your App
    • SDK Integration
      • Insert Single Pages from Digia Studio
  • Actions
    • Call API Rest Action
    • Call Rest API
    • Pop Current
    • Pop to Route
    • openUrl
    • Go To Page
    • Post Message
    • Set Page State
    • Wait (delay)
    • Drawer
    • Toast
    • Open Dialog
    • Share
    • Copy to Clipboard
  • Operations
    • API Call
    • Operators
      • Json Operators
      • Logical Operators
      • Date Time Operators
      • Math Operators
      • String Operations
  • BUILDING UI
    • Widgets
      • Form Widgets
        • PinField
        • Calendar
        • Text Form Field
      • Base Widgets
        • Animated Button
        • Check Box
        • Video Player
        • Spacer
        • Stack
        • Wrap
        • Text
        • Avatar
        • Rich Text
        • Image
        • Button
        • Icon
        • Switch
        • Sized Box
        • HtmlView
        • Lottie Animation
        • Linear Progress Bar
        • YouTube Player
        • Circular Progress Bar
      • Layout Widgets
        • ListView
        • Web View
        • Future Builder
        • Conditional Builder
        • Stream Builder
        • GridView
        • Column
        • Row
        • Container
        • Expandable
        • Divider (Horizontal)
        • Divider (Vertical)
        • Carousel
      • Persistent Footers Widgets
        • NavigationBar Widget
      • Page Widgets
        • Stepper Widget
        • Scaffold Widget
        • Paginated Listview Widget
        • TabView
        • AppBar
      • Widget Commonalities
    • Event Handlers
  • Theme
    • Colors
    • Typography
  • DATA AND BACKEND
    • API Calls
      • Setting up API Calls
      • Create API Calls
      • Import API From Curl
  • DEPLOYING YOUR APP
    • Deployment
    • Release History
  • Settings
    • App Settings
    • App Assets
    • Media Assets
  • JARGON
    • Data integration
Powered by GitBook
On this page
  • Building an App
  • 1. Create a project or Clone
  • 2. Building the UI
  • 3. Customize design
  • 4. Adding data and logic
  • 5. Running the app
  1. DIGIA STUDIO INTRODUCTION
  2. Build Your First App

Bytes App

PreviousHello WorldNextOnboarding

Last updated 1 year ago

This tutorial will guide you through creating a Content platform app that showcases article based on popular programming languages. Users can explore multiple languages, and access latest articles.

This app gets its data from an API Call.

Here's how it looks when completed:

What you'll learn

  • Building or designing a page (adding UI elements)

  • Display widgets based on conditions

  • Navigating to a new page

  • Fetching data from API Calls

  • Adding interactivity to UI elements

  • Running your app

  • Seamlessly updating your app

Building an App

The steps to build the app are as follows:

1. Create a project or Clone

2. Building the UI

In this step, we'll add the UI elements or widgets for our pages. For clearer understanding, we will start from scratch, without using any templates. Detailed steps are available on the individual pages.

3. Customize design

4. Adding data and logic

5. Running the app

To kick off your project, the first step is to . However, to make things easier, we've already created a starter app for you. Simply click on Create New Project, navigate to the Bytes App and click the 'Clone' button, the project will be instantly added to your account.

create a new project
Onboarding
Courses
Articles
Defining API Calls
Clone or create a project
Building the UI
Customize design
Adding data and logic
Running the app
Bytes App