How to Build a CRM App for Mobile & Web with AI & visual editing using Nowa
In this tutorial, we'll show you how to build DealFlow — a VC deal pipeline app — from scratch using Nowa and Supabase. By the end of this video, you'll have a full working app deployed on Web, Android, and iOS. #ai #vibecoding #flutter
DealFlow is an app for VCs and investors to manage their startup deals. Think of it like a CRM for venture capital — you can track deals through stages with drag and drop, see a summery on a dashboard, manage founders and partners, switch between light and dark themes, and handle sign-in and sign-up.
The backend runs on Supabase, and the cool part? Nowa's AI sets that up too using MCP.
Start building with Nowa today for free → https://nowa.dev
Here's what we'll walk through together:
00:00 How DealFlow works
01:18 Creating a new project
02:03 Using AI planning mode
02:30 Connecting to Supabase and enabling Supabase MCP
03:52 Using Agent mode to implement the plan
05:37 Testing the initial version of the app
06:33 Using AI on a single screen to fix issues
07:37 Changing the preview device to iPad
07:57 Using AI while in play mode
08:40 Using AI on a specific widget
09:52 Modifying UI visually
12:00 Working with logic visually using Circuit
13:04 Using AI on the full app to create light theme and dark theme
14:00 Building the “about” UI and logic visually
16:03 Working on DealCard component to show startup info on double tab and founders number
18:20 Using Git to store commits for version control
18:57 Testing on an iOS simulator with Hot reload
20:19 Using AI to redesign founders screen and make it editable
21:20 Testing on an actual connected smartphone (Pixel 7 pro)
23:00 Testing on Chrome as a web app
23:57 Syncing local project with a cloud one
24:34 Deploy to Web
26:16 App Settings
26:42 Deploy to Android as debug/release
26:56 Deploy to App Store for iOS
27:20 Doing code edits
Nowa lets you build production-ready cross-platform apps using AI and visual editing without needing to know code, while getting clean scalable code out of the box ready for production. You can also deploy to Web, Android, or iOS with one click.
Nowa is the only platform that can help you to:
Use a full AI agent next to a full visual editor and switch freely between them depending on the task
Get clean scalable code every time. Nowa doesn't just add AI-generated code as-is — it analyzes it in real time against rules and guidelines and fixes any issues, so you always get code that's clean, consistent, and ready for production without worrying about it
Test the app instantly inside Nowa without waiting for building, on all devices from mobile to web and desktop
Test your app on a local simulator or your actual smartphone/tablet with updates reflecting in real time
Use code as well if needed next to AI and visual editing, without any limitation to modify generated code or write custom ones.
Nowa apps are based on Flutter, an open-source technology that enables building beautiful, native apps that work on mobile, web, and desktop from the same project.
What should we build next? Drop it in the comments!
Discord: / discord
X: / nowa_dev
LinkedIn: / nowaengine
Music:
https://uppbeat.io/t/ra/dreaming
License code: O2B3AJGGSSNEVN5C
https://uppbeat.io/t/adi-goldstein/i-...
License code: TPPGFLVNORVANRFL
#ai #vibecoding #appdevelopment #nocode #lowcode #flutter #mobiledevelopment #crossplatform #android #ios #webapp #supabase #nocodedevelopment #buildinpublic #draganddrop #appbuilder #reactnative