If you’ve ever wondered how to build a mobile app from scratch using only no-code tools, this live session is a must-watch. In the first episode of our new Live App Building series, Bravo Studio CEO Toby Oliver and Bravo Expert Juan Carlos Toledano walk through the entire process of building a fully functional event invitation app — live, unscripted, and fully no-code.

What They Built

Inspired by Apple’s “Invites” concept, the app allows users to:

View a list of upcoming events
RSVP to events with Yes, No, or Maybe
Filter events based on host or attendance
See full event details, including location and attendees

The No-Code Stack Used

This session showcased a powerful no-code stack:

Figma – for designing the full mobile app UI
Bravo Studio – to bring the design to life and build a native mobile app
Kinde – for user authentication and login
Xano – as the backend to manage data, APIs, and logic

This stack allows creators to go from design to app in record time — without ever touching code.

Design + Bravorizing with Figma

Juan Carlos started by designing the app UI directly in Figma, leveraging the Bravo Studio Figma plugin to:

Add Bravo Tags to screens, buttons, and containers
Set up advanced interactions like modals, sliders, and variables
Define authentication flows, RSVP actions, and event filtering logic

The plugin not only adds tags — it also checks your design and confirms when it’s ready to import to Bravo Studio.

Building the Backend with Xano

To power the app’s data, they built a structured backend in Xano:

Users table handled by Kinde authentication
Events table with event details and host IDs
Attendees table to track RSVP status per user and event

Custom API endpoints were created to:

Fetch upcoming and hosted events
Show event details and attendance lists
Handle user RSVPs (yes, no, maybe)

All endpoints were connected in Bravo Studio to dynamic screens and containers.

Authentication with Kinde

Kinde was set up using Bravo’s OAuth 2.0 integration and the Kinde + Xano snippet. This allowed:

Smooth login flows for users
Storing and accessing user info securely
Personalized experiences (showing hosted vs. invited events)

Testing in Bravo Vision

Once the Figma design was imported into Bravo Studio, they tested everything in Bravo Vision, Bravo’s companion app that lets you preview your build on real devices. Authentication, event filtering, and RSVP flows worked seamlessly.