Build Your First App With This INSANE AI (No Coding Needed)

This video shows how to build a mobile app for the FIFA World Cup 2026 using AI with no coding experience. I use App LLM by Abacus AI, which lets you describe your app idea in plain English and generates a React Native app for iOS and Android. The app displays real-time match data with a segmented control for past, today, and upcoming games.

You’ll see how to connect an open-source World Cup API, customize the UI by uploading a sketch, and test the app live on your phone with Expo Go. I also cover deploying the app as an APK or submitting it to app stores. This is perfect if you want to build apps fast without writing code.

What's inside

• Everybody's talking about the World Cup
• Introducing App LLM by Abacus AI
• Creating a new project and writing the app prompt
• Using a real-time open-source World Cup API
• Uploading a UI sketch to guide app design
• Testing the app live on your phone with Expo Go
• Iterating the app with voice input for changes
• Deploying the app: APKs, Play Store, and TestFlight

Everybody's talking about the World Cup

The video opens by highlighting how overwhelming it is to keep track of every World Cup match and team. I suggest building a custom app tailored to your needs and preferences. This sets the stage for using AI to create a personalized World Cup app that shows exactly the data and features you want.

This approach works for any app idea, not just sports. The goal is to empower you to build mobile apps for iOS and Android without coding, using AI tools that understand plain English prompts.

Introducing App LLM by Abacus AI

App LLM is the AI tool I use to build the app. It supports generating mobile apps, websites, images, videos, and audio from text prompts. For $10, you get access to powerful models like Claude, Opus, Codex, and Nanovna.

App LLM also offers a personal cloud environment with storage, databases, and terminal access. This makes it a versatile platform for building and deploying AI-powered applications beyond just mobile apps.

Creating a new project and writing the app prompt

Inside App LLM, I create a new project named "My Cup App Video" and specify it’s just for me. The key is writing a clear prompt asking for a mobile app that lists FIFA World Cup 2026 matches with one screen and a segmented control for past, today, and upcoming games.

I emphasize the importance of being specific because the AI can generate many types of projects. The prompt also requests real-time data integration and a simple UI with dark mode.

Using a real-time open-source World Cup API

To get accurate match data, I provide the AI with a link to an open-source World Cup API GitHub repo. The AI automatically figures out how to use this API and integrate it into the app.

This ensures the app displays live scores, team names, match status, and dates. Using a free, real-time API is crucial for building a functional sports app without manually managing data.

Uploading a UI sketch to guide app design

One standout feature is uploading an image of a UI sketch to guide the app’s layout. I drag and drop a simple sketch of the app design, and the AI uses it to generate the app’s interface.

This lets you customize the look beyond text prompts, including layout, colors, and controls. I ask for dark mode and a segmented control with animations, showing how the AI can interpret visual input.

Testing the app live on your phone with Expo Go

Once the AI finishes building the app, I test it live on my iPhone using Expo Go. This app lets you scan a QR code to open and interact with the React Native app instantly on your device.

The app runs natively and matches the sketch closely, including animations and gradients. Testing on a physical device is key to verifying the app’s look and feel before deployment.

Iterating the app with voice input for changes

I demonstrate using voice input to request changes from the AI, like adding country flags below team names. The AI quickly updates the app and redeploys it with the requested fixes.

This iterative process lets you refine your app by speaking naturally, speeding up development without writing code. You can keep adding features or adjusting design until satisfied.

Deploying the app: APKs, Play Store, and TestFlight

Finally, I cover deployment options. For Android, you can build an APK directly and install it on your phone or publish to the Play Store (requires a developer account). For iOS, you can upload to TestFlight and then the App Store (also requires a developer account).

App LLM handles building and packaging the app for you. Deployment is just a matter of pressing the deploy button and following store submission steps. This makes shipping your AI-built app straightforward.

Resources

CourseReact Native course

Master React Native fundamentals and shipping apps with practical examples.

Premium resourcePro membership

Access exclusive tutorials, live coding, and AI app-building tips.

YouTubeBuild a React Native app with AI

Related video on AI-powered app development workflows.