AI Builds a Math Game

It's been forever since I've made a demo, so let's give it a shot today. I had this idea to make a math app for my kids. It presents a multiplication question, and then several answers drop down. They click on the right answer to earn points, and if they click on the wrong answer, it takes away points. The goal is to get as many points as possible within a minute.

Here I am; I've opened up Devra. These are my Devra demos project, and let's just ask it to make a new task. I'm going to call this one "Math Drop." I've already created a little directory for it. Here is the empty directory for it, so let's add a task to create a JavaScript web application.

Okay, I just did a huge prompt, but this needed to be pretty specific. Let's give this a shot and see what it comes up with. If it's not perfect, then no big deal; we can refine the prompt. We'll hit create and start, and that is the signal for the AI to start writing the code.

Okay, it is looking to see what files exist, and right now, I said it's an empty directory, so there's nothing. It has come up with a proposal, and let's just say that yes, that plan looks good. It is creating the index file now. Here we go; there it is. I'm going to hit yes to update the file, and then we'll watch that file appear. There it is, our new index file.

Let's go back to Devra. It's making the CSS file. Yes, let's update that file and watch it appear. Finally, it's making the script. We'll say yes to update the file. There's the script, and let's launch it and see what happens.

All right, 2 times 8 is 16. 10 times 7, let's go with 60. Oh, let's go with 59. Nope, let's go with 70. All right, so there's no animation, but for a start for this game, I'm super happy. Let's end the next video, refine our prompt, and then make it even better. Until then, take care!