Skip to main content

QuickStart Guide to Mobile App

Introduction​

Welcome to the Digisquare platform! This guide will help you get started with creating, designing, and customizing your mobile app using Digisquare's drag-and-drop functionality and AI features.

Features of Digisquare​

  • Drag and Drop Functionality: Easily customize your app by adding and removing components such as buttons, lists, and tabs.
  • Template Customization: Start with available templates and modify them to suit your needs.
  • Property and Event Handlers: Change properties of components and add event handlers for click and navigation functions.
  • AI Integration: Leverage AI to simplify the creation of workflows, API integrations, table setups, and page flows.

AI Features​

  • Create with Prompts: Generate mobile app elements and workflows using AI prompts.
  • API Integration: Use AI to create and integrate APIs effortlessly.
  • Table Setup: Set up and manage tables within your app with AI assistance.
  • Page Flow Creation: Design multi-page app flows using AI for a streamlined user experience.
  • Automated Suggestions: Receive AI-generated suggestions for component placement, styling, and functionality improvements.

Styling and Customization Features​

  • Component Styling: Change properties such as size, color, and text of components.
  • Theme Customization: Apply and modify themes to change the overall look and feel of your app.
  • Layout Adjustments: Adjust layouts using grid and flexbox options for responsive design.
  • Custom CSS: Add custom CSS for advanced styling needs.
  • Interactive Elements: Customize interactive elements like buttons and tabs with hover effects and animations.

Getting Started​

Step 1: Creating a Mobile App​

  1. Login to Digisquare: Access your Digisquare account and navigate to the mobile app creation section.
  2. Select a Template: Choose from the available templates that best fit your project requirements.
  3. Start Customizing: Use the drag-and-drop function to add or remove components.

Step 2: Customizing Components​

  1. Add Components: Drag components like buttons, lists, and tabs onto your app screen.
  2. Remove Components: Select and delete components that are not needed.
  3. Change Properties: Click on a component to change its properties such as size, color, and text.

Step 3: Adding Event Handlers​

  1. Select a Component: Choose the component you want to add an event handler to.
  2. Add Event Handlers: Define actions such as click events and navigation functions.

Step 4: Leveraging AI Features​

  1. Create with Prompts: Use AI prompts to generate mobile app elements and workflows.
  2. API Integration: Create and integrate APIs with the help of AI.
  3. Table Setup: Use AI to set up and manage tables within your app.
  4. Page Flow Creation: Design multi-page app flows with AI assistance.

Example Workflow​

  1. Start with a Template: Choose a basic template.
  2. Customize Layout: Drag and drop components like buttons and lists.
  3. Set Properties: Change button text to "Submit", list background color to blue.
  4. Add Click Event: Select the button, add an event handler for a click event to navigate to another page.
  5. Integrate API: Use AI to create and integrate an API for data submission.
  6. Create Additional Pages: Use AI to design and link additional pages for a seamless user experience.

Conclusion​

With Digisquare, creating a functional and aesthetically pleasing mobile app is made easy with its intuitive drag-and-drop functionality and powerful AI features. Start building your app today and experience the simplicity and efficiency of the Digisquare platform!

For further assistance, refer to the How to create.