How to Build your own Events Mobile App inspired by the new Apple Invites App

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.

‍

🎥 Watch the full episode here

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.

Why This Matters

This live session demonstrates just how fast and powerful modern no-code tools can be. Using Bravo Studio, Xano, Kinde, and Figma, you can:

• Build real mobile apps without code
  
  
• Go from design to live prototype in a day
  
  
• Scale functionality while maintaining full control
  
  

Stay tuned for Part 2!

‍