Build an AI Chatbot App for Free â No Coding!
Did you know you can create a mobile app that uses popular AI chatbots like DeepSeek, Qwen, Gemini, and moreâcompletely free? If not, donât worry! In this video, weâll walk you through it step by step.
We’ll be using Appery.io to build the app, and you can sign up for free to follow along.
SETUP
- Once you’ve created an Appery account, start by creating a new app using the OpenRouter template.
2. Next, head over to OpenRouter.AI and sign up. In the top-left corner, youâll see a list of model APIs. To find free models, type “free” in the search bar to filter out paid options.
For this example, Iâll select Qwen:QwQ 32B as the chatbot model.
3. After selecting the model:
â
Create an API key (just give it a name).
â
Copy the key once itâs generated.
4. Now, go back to Appery.io, navigate to Model & Storage, and paste the API key into the OpenRouter API Key field.
Youâll also need to update the model name:
5. Copy it from the OpenRouter API tab and paste it as the value for OpenRouter Model.
6. Hit the Test buttonâand after a few seconds, your app is ready! đ
Try asking: “What is Appery.io?” đĄ
And just like that, the chatbot responds!
UNDERSTANDING THE APP
Now, letâs take a look under the hood to see how the app works.
1ď¸âŁ Go to the Pages section in Appery.io and open the OpenRouter screen.
- The green box displays your messages.
- The gray box contains chatbot replies.
- The input field at the bottom is where you type your questions.
- Press Send, and the Send Message function is triggered.
2ď¸âŁ Check the appâs code:
- Open the CODE tab and go to Functions.
- Here, youâll see a chatMessages array that keeps track of conversations.
- When you send a message, the app creates a new screen and updates it with the chatbotâs response.
BONUS FEATURE: TRANSLATION SCREEN
This template also includes a Translation screen! đ
- Type a sentence in English, and the chatbot will translate it into Spanish.
- To see how it works, open the CODE tab and check out the Translate function.
- Itâs super simpleâit sends your text to the chatbot and returns the translated result.
Letâs test it:
â
Type “Home” â Press TRANSLATE â Youâll get “Casa” in Spanish.
If you want this feature in other languages, you can easily modify the chatbot prompt!
EXPORTING TO ANDROID
Finally, letâs turn this into a real mobile app! đą
1ď¸âŁ Select EXPORT
2ď¸âŁ Choose Binary APK/AAB
3ď¸âŁ Once itâs done, scan the QR code to download and install the app on your phone.
Now, test it by asking the same questions you tried earlier. It works! đ
TRYING DIFFERENT AI CHATBOTS
Want to test a different chatbot? Itâs easy!
1ď¸âŁ Find a model you like, for example, DeepSeek.
2ď¸âŁ Create an API key for it.
3ď¸âŁ Update the model name in Appery.io, just like we did earlier.
Thatâs it! Youâve just built a working AI-powered chatbot app in minutesâwithout spending a dime!
If you found this helpful, donât forget to like, subscribe, and hit the notification bell for more awesome AI and no-code tutorials! See you in the next one! đ