- Tubelator AI
- >
- Videos
- >
- Science & Technology
- >
- Create AI-Powered Apps Easily with FREE Devika Tutorial
Create AI-Powered Apps Easily with FREE Devika Tutorial
Learn how to build entire applications with AI assistance using the open-source Devika platform. Follow step-by-step instructions to code a calculator app with a user interface in a simple and seamless manner.
Install Tubelator On Chrome
Video Summary & Chapters
1. Introduction 🌟
Overview of Devica, an open-source clone of Devon for AI coding assistance.
2. Building a Calculator App 🧮
Using Devica to outline and build a calculator app with a UI in a simple prompt.
3. Setting Up Devica 🛠️
Instructions on installing and configuring Devica for coding with AI.
4. Code Generation Demo ⚙️
Generating code for an application in under a minute to showcase Devica's potential.
5. Installation Process 🚀
Step-by-step guide on installing Devica using VS Code and Conda.
6. Running the Backend 🖥️
Instructions on spinning up the backend server for full functionality.
7. Setting Up the Backend
Spinning up the backend and loading necessary models.
8. Configuring Environment Variables
Setting up environment variables for Devica.
9. Creating a New Project
Creating a new project and selecting parameters.
10. Using Chat GPT for Game of Life
Demonstrating the use of Chat GPT for the Game of Life project.
11. Testing the Game of Life Project
Testing the Game of Life project setup and functionality.
12. Setting Up Devica Locally
Learn how to set up Devica locally on your machine
13. Switching Back to Backend
Spin up the backend server again for Devica
14. Running Locally
Verify if the application is running completely locally
15. Playwright Issue
Encountering and investigating a Playwright issue
16. Appreciation to Devica Team
Acknowledgment to the Devica team and contributors for their work
17. Closing Remarks and Future
Expressing excitement for the future of AI coding assistants
Video Transcript
There it is! Look at that! Unbelievable! Very, very easy! So that's at least one of Devon's
main demos recreated in Devica. All right, I finally got Devica working and we now have another
open source clone of Devon. This is a fully featured AI coding assistant that comes with everything
you need to code with AI. So this is the interface on the left. We have the chat, on the right we have
the browser and the terminal. We have our logs right here so we could see everything and we have
settings which doesn't work. So just like OpenDevon this is a very early project but they are moving
incredibly fast. Just a few days ago I couldn't get it working at all and the interface was completely
broken but now the interface looks a lot better. They support a lot more models, a lot more search
engines and things are really coming along so I'm super excited to see where this project goes.
So today I'm going to show you a little bit about it and then I'm going to show you how to install it and use it
So this is the calculator app that I just built it is not pretty
These numbers are not in order and it's horizontal, which is kind of weird, but it works
This is all done in zero shot a simple prompt was all I need build a calculator app with a UI
So Devica says I'm outlining a plan to build a calculator app with a UI here's the plan choose the programming language step two
to set up the environment, design the UI, UCSS, et cetera, et cetera.
All the way down to, I think I can proceed without searching the web, which is great.
And I have completed my task.
And here we go.
They are actually using VIM to do the coding.
So you can simply use this to build any application that you want.
And again, it is quite buggy still, but it is making great progress.
Up in the top, you could see whether you have access to the internet or not.
I think that's whether you actually have the server up and running.
You have the token usage you could select your search engine. They now support more search engines
I'm using Google. I'll show you how to set that up
You can also select your different models
So they support the cloud models
Gemini rock which is super fast although I couldn't get these to work well
And there was actually a race condition issue. So I suspect
Grock might actually maybe be too fast for Devica, but we'll see they have the mistral models
Which is great we can power it locally of course with olamma and we have open AI
GPT4 and GPT3.5. I'll show you how to set all of this up. And then after it was done,
here it is. Here's the index.html. Here's the script.js and the style.css. All done in
under one minute. Now granted, this is a very simple application, but it shows that this
is working and that this project has great potential. So just to show you that it works,
here's eight times eight equals 64. All right, let me show you how to install it now.
Now the first thing you're going to do is open up VS code and we are going to CD to the
desktop or wherever you like to store your new projects.
From there we're going to clone Devica.
So get clone and then the Devica GitHub URL.
And if you switch back to the Devica GitHub page you click this green code button and then
copy right here that's where you can find that URL and I'll drop this link in the description
below.
Then hit enter.
Now we're going to use Conda to create a new Python environment so Conda create dash
and Devica Python equals 3.10 hit enter. Now I already have one named to that. So I'm going to go ahead and overwrite it or remove it.
And you won't see this error unless you already have that environment. So go ahead and click OK. Okay. Now that that's done. You're going to highlight this right here. And it's going to be paste
Conda activate Devica hit enter. And then you can see it's active because it says so right there. Now we're going to CD into Devica.
and then we're gonna type which Python.
So we're just making sure that we're always installing
