Brokenatom Docs
  • 👋Welcome to Brokenatom
    • 🔤How to use this Documentation
    • 🕸️Web Development Basics
    • 🤔Why Brokenatom?
  • 🧱Brokenatom's Architecture
    • 📑Data Modelling
    • 🔐Permissions
    • 🎨Design Editor
    • 🚀Publishing
  • 🛠️Getting Started with Brokenatom
  • 🖌️Design Editor
    • Add Elements
    • Pages
    • Layers
    • Assets
    • Design
    • Data
    • Conditional Filter
    • Canvas
  • ⚙️Header
    • Application Name and Logo
    • Publish
  • 📑Models
    • Creating a Model
    • Adding Properties
    • Deleting Models
    • Updating Documentation
    • Generating Models with AI
  • 🔐Permissions
    • Roles
    • App Logins
    • Authorization
    • Creator Profile
  • 🔢Versions
    • 2.0.0
    • 1.0.0
  • 🔧Troubleshooting
Powered by GitBook
On this page
  • Introduction
  • Understanding Projects
  • Creating a New Project
  • Pricing and Payment Plans
  • Keyboard Shortcuts

Was this helpful?

Getting Started with Brokenatom

PreviousPublishingNextDesign Editor

Last updated 9 months ago

Was this helpful?

Introduction

You will see this dashboard the first time you land on the application. Here, you can start creating a project, check the payment status, view the signed-in profile, manage projects, and more.

Understanding Projects

A project on Brokenatom can be just one app or a collection of apps. For example, if "Food Delivery" is the name of the project, "Customer App," "Delivery Driver App," "Restaurant App," and "Admin App" are all part of the Food Delivery Project. They all share the same database and are related to one another.

Creating a New Project

A new project can be created by clicking on "Create New Project" on the landing page. This takes the user through a quick setup process. Read more (link to the detailed section).

Pricing and Payment Plans

Brokenatom is free to use with some limitations, but if you wish to deploy your application or need additional features, you can upgrade to the Standard or Professional Tier. More information on the pricing can be found on the .

To upgrade or change the plan, users can click the Upgrade or Change icon in the left sidebar.

Keyboard Shortcuts

Using shortcuts can make your Brokenatom experience faster and more efficient:

  • A: Create a container

  • R: Change the flex-direction from row to column

  • D: Duplicate

  • W: Instant preview

  • Ctrl (Windows) / CMD (macOS) + Z: Undo

  • Ctrl (Windows) / CMD (macOS) + Shift + Z: Redo

  • Ctrl (Windows) / CMD (macOS) + Y: Redo

  • Ctrl (Windows) / CMD (macOS) + C: Copy

  • Ctrl (Windows) / CMD (macOS) + V: Paste

All the shortcuts can be viewed by pressing the shortcut button in the left-side menu.

🛠️
Pricing Page