Build App with Vibe Coding

Welcome to the workshop. This page contains all the resources, prompts, and links you need.

Step 1: Access App Builder

Click the button below to launch the DronaHQ environment.

👉 Launch Builder
🔒
Credentials Locked
Claim your account below to unlock

2. About Your Instructor

Instructor Name

Aharna AI Consultant & Workshop Lead

Hi! I’m a passionate advocate for GenAI, agents, and building apps through vibe coding. I love making it easier for teams to spin up internal tools and agentic workflows that reduce manual toil and unlock real strategic impact. If you enjoyed the workshop, feel free to connect with me on LinkedIn, I’d love to keep the conversation going. Let’s chat about DronaHQ, agents, or anything cool you’re thinking of building!

4. Core Concepts

Before we build, understanding the anatomy of an agent is crucial.

1. PromptTell the AI what you want in plain language.
2. User StoriesReview and iterate on the items that the platforms plans, including the schema.
3. Data BindingConnect UI elements to live data.
4. ActionflowsTrigger logic, integrations, and next steps.

5. Step-by-Step Build

Step 1: prompt and iterate

Step 2: connect data sources

Step 3: add logic / actions

Step 4: preview and publish

6. Prompt Templates

A) System Instructions

Build Expense Submission App (₹ INR) . The UI should feel like a clean admin tool with a left sidebar and one tab: Expenses. This screen shows an expense form on top and a list of submitted expenses below. Use a single schema: expenses(ExpenseID, Amount, Category, Description, ExpenseDate, BillProof) Rules & Behavior validation: • Amount: > 0 and < ₹20,000 • Category required (Travel, Food, Office Supplies, Client Expense, Other) • Expense date required, not older than 3 months • Bill upload: Required if Amount> ₹500 Optional otherwise • Disable submit until all validations pass • Show inline validation errors • On submit, set status to Submitted and make the entry read-only List UI Show Amount, Category, Description, Expense Date Status badge: Submitted (yellow) Show “Bill Uploaded” and file name if bill exists Highlight expenses over ₹1000 Store bill as Base64 or object URL in BillProof SQL prompts: CREATE TABLE expenses (     ExpenseID INT PRIMARY KEY AUTO_INCREMENT,     Amount DECIMAL(10,2) NOT NULL,     Category VARCHAR(100) NOT NULL,     Description VARCHAR(255),     ExpenseDate DATE NOT NULL,     BillProof VARCHAR(255) ); INSERT INTO Expenses (Amount, Category, Description, ExpenseDate, BillProof) VALUES ({{amount}},'{{category}}','{{description}}','{{expensedate}}','{{billproof}}')

7. Share Your Achievement

Tell your professional network you are now an Vibe Coding App Builder