How to Create AI Apps Without Coding Using Gemini – Beginner to Pro | No Code App Development | Ankit Shrivastava | Skillshare

Playback Speed


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

How to Create AI Apps Without Coding Using Gemini – Beginner to Pro | No Code App Development

teacher avatar Ankit Shrivastava

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      Introduction

      0:58

    • 2.

      How to Create Basic app with AI ( Calculator )

      4:30

    • 3.

      Which kind of app we can create

      3:24

    • 4.

      How to Create Own midjourney Clone

      6:56

    • 5.

      How to make Our app more visually appealing

      6:59

    • 6.

      How to Remove any features from the app

      5:19

    • 7.

      Create language translator app

      5:26

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

20

Students

--

Projects

About This Class

How to Create AI Apps Without Coding Using Gemini – Beginner to Pro | No Code App Development is the ultimate hands-on guide for anyone looking to build powerful AI-driven applications without touching a single line of code. This course is specifically designed for beginners and aspiring creators who want to unlock the power of AI and app development using Google's Gemini platform.

Throughout this comprehensive course, you’ll explore how to create AI apps without coding using Gemini in a highly practical, step-by-step format. Whether you're a complete novice or an entrepreneur looking to automate workflows, this no code app development course will teach you how to harness Gemini’s capabilities for building smart, functional applications with ease.

From understanding the basics to mastering advanced AI workflows, this course covers the full journey of how to create AI apps without coding using Gemini. You'll discover how to turn ideas into real-world tools using intuitive drag-and-drop interfaces, pre-trained AI models, and Gemini’s natural language intelligence—all without writing code.

Inside How to Create AI Apps Without Coding Using Gemini – Beginner to Pro | No Code App Development, you'll:

  • Learn to design AI workflows that power apps for business, productivity, education, or content creation.

  • Use Gemini to create smart assistants, automation tools, or customer support bots with no prior technical skills.

  • Build interactive AI-powered experiences that analyze text, generate content, or make decisions in real time.

  • Apply no-code platforms to create and deploy Gemini-based apps across different devices and platforms.

By focusing on how to create AI apps without coding using Gemini, this course ensures that learners gain both theoretical knowledge and real-world project-building experience. Each section is crafted to reinforce your ability to think like a product designer, prompt engineer, and AI builder—without needing programming knowledge.

Whether you're a freelancer, educator, small business owner, or a student, How to Create AI Apps Without Coding Using Gemini – Beginner to Pro | No Code App Development gives you the tools and confidence to start creating meaningful AI solutions immediately. This is more than a tutorial—it's a launchpad for building your own intelligent tools using the power of Gemini and the simplicity of no-code development.

Meet Your Teacher

Level: All Levels

Class Ratings

Expectations Met?
    Exceeded!
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Introduction: Want to create a fully functional website or app without writing any single code, then this lecture series is for you. Here we will use Google Gemini for no code development. So with the help of prompt engineering technique, just you have to explain what you want. You have to explain everything in a right way. For demonstration purpose, I will show you how can you create your own text to image generator app like Mid journey or arado. Also, I will teach you how can you customize that according to your need? After completing this lecture series, you will be able to create your own AIA or website. As you can share your website or app with your friends. Now you don't need to type any single code. You can create fully functional website by giving prompt. Just you have to follow each step carefully. So bye bye, I will see you in the course. 2. How to Create Basic app with AI ( Calculator ): Hell, Hello, everyone. So welcome to all of you in my full Master series. So in this particular lecture, I will show you that how can you create your own app with the help of Google Gemini or any other AI tools. So without wasting any time, let's start this lecture. First of all, what you have to do, you have to open Google Gemini. You have to sign in with your Google account. So this is a basic interface of Google Gemini. So here you will see the Opson of Canvas. Okay, so this is a brand new Opson which is recently added by Google Gemini. Okay. So with the help of Canvas, you can create any kind of doc or app. So at this time, we're gonna create app. Okay. So first of all, you have to activate this option, so let's click this. Okay. Now Canvas have been activated successfully. Now you can create any kind of image or you can create app. Okay. So at this time, we will create app. So first of all, let's create basic calculator. And after that, we will learn advance thing. So create Cal cuorF me. Okay, let's hit the Enter button. So this is for demonstration purpose only. We will learn advanced thing in the next videos. So now it is generating code. Okay. So here what you can do, you can preview your code or you can preview your app. Okay, so you have the option. If you want to see its code, then you can click on code. And if you want to see its preview, then you have to click on preview. Okay. So this is a preview. Okay. So let's see it is working fine or not. Okay. So it is working fine, 113 plus 4117. Okay, so it is working fine, but we can create it more user friendly. Okay. So again, let's type here. Basically, you can modify your app by giving any kind of prompt. Okay. So create attractive UI now it will modify our app. Let's 30 plus four equal to 34 34 plus 50 equal to 84. It is working fine. Our app is working fine. So if you want a code, then you can switch to the code. And if you want to see app preview, then you can see from here. Okay. And with the help of SaROson what you can do, you can generate a link. Okay. So suppose we have generated the link for this particular app, then you can copy this link. And whenever you will paste it in your browser, okay? So it will directly open your app. So basically what you can do, you can create any kind of app, games, anything, and you can share it with your friends. Okay. So 60 plus 90 equal to 150. Okay, so our app is working fine. So this was the Canvas feature of Google Gemini. In the next video, we will learn Advance thing. Okay. So thank you for watching this video. So this was the basic lecture. This lecture series is very informative, so you should not miss this. Okay, thank you for watching this video. 3. Which kind of app we can create: Hello, everyone. So welcome to all of you in my full master series. So in this particular lecture, I will teach you that, how can you create your own app like Mid journey? Okay. So let's start our video. Okay. So first of all, let's see what you will learn in this lecture. So as you can see on screen, I have already created the clone of Mid journey. So you can see that user interface is very simple, and you can see that I have added gradient effect on brand text, okay. And from here, you can enter your prompt. Here you can enter what you want. You can generate any kind of image and you can select the aspect ratio, which could be one ratio 116 ratio nine. Okay. From here, you can select the number of images which you want to create, and from here, you can select different kind of art. And after that, you can generate image. So let's see it is working fine or not. Okay. So let's type here Spider man in Spider Man in Ocean. Spider Man in Ocean with bad man. Okay, so let's see random prompt, and we can select the aspect ratio number of image four, and it should be photorealistic. Now let's click on generate image. So finally, we have a four different image of Spider Man and Batman. And if you want to share your app with your friend, then you can simply copy its link and you can paste it or you can share in your Whatsapgroup, telegram. Let's type another prompt. Black Vedo is fighting with Anime. Okay. And let's select the art form should be anime and number of image should be four. And one si Let's select watercolor because in anime, I'm getting some error. So, finally, we have four different images of Black Widow. So in the next video, I will show you step by step approach to create such an amazing app. And the best thing is, you don't need to be a good prompt engineer for creating this. Any kind of beginner can create such an amazing app. And it doesn't require any technical knowledge or coding skills. So don't forget to watch next lecture. And if you like this lecture series, then you have to give me good positive rating and comment. Okay. Bye bye. 4. How to Create Own midjourney Clone: Hello, everyone. So welcome to all of you in my full Master series. In this particular lecture, I will teach you that how can you create your own Mid journey clone. So without wasting any time, let's start our video. First of all, you have to open Google Gini and you have to activate Canvas button by clicking on it. Okay. Now you have to type basic prompt. Okay. So after getting basic results from the basic prompt, we will modify it. Okay. But first of all, you have to type basic prompt like create Mid journey Clone. Hit the Enter button, and after getting basic result, we will modify it. Okay according to our need. So this is a basic results. So let's see it is working fine or not. Last day on Earth. Hit the generate image. So finally, we have this awesome output. You can see the quality of image, okay? This is a output of our mid journey clone. If you will notice that it doesn't have option like a number of image we have to generate or art form or aspect ratio, and also it doesn't have option to download our image. Okay, so we can add that option by giving prompt one by one. So let's type add features like changing aspect ratio, number of image, and here I can specify maximum should be four. You can specify that also image is tile. Let's hit the Enter button. Now it will update our design, our app. Okay. So finally, it has added some features like changing aspect ratio, number of image and image is style. Okay. But if you want that image style should be more, then also you can type here, please add 15 image is style, so it will add automatically here. Okay. Also if you want that specific type of image art should be present here, you can also type here. Suppose if you want Gibli art here, so you can type here, please add Gib image art style in our app. So that art will be present here. Okay. So after modifying our app, we got this result. Let's type another prompt. Mummy is walking from Pyramid. And number of image would be four and photography card. No, no, photography card. Let's click on generate image. Sometime you will get error, so just change your image style from here. Okay. There could be network issue. Okay. So this is awesome result. But if you will notice that we are not able to download this. So now let's add download button in each image. Okay. So first of all, let's open any image. So this is a output. Okay. Now let's add Download button. Please add download button in each output. Hit the Enter button. Now our app have been modified successfully. So let's try this. Let's try all animal in Egyptian Pyramid. Number of emails show before. Let's select anime. And whenever you will face any error, you will get this pop up button. So if you will click on Fix error, it will automatically fix your problem. Okay. So let's click on Fix error. Okay, so it will fix all the error which we are facing right now. Okay. Now our image have been generated successfully. Man is walking in midnight in emptity, big moon at the top. A number of image would be four at the enter button. And at this time, you will notice that we are not getting error in photographic image style because we have recently fixed our error. Okay. And finally, we have a download button. Finally, we have a download button, so we can download any image by clicking on it. Okay. So all the image have been downloaded successfully. So let's open. So this is awesome result. Okay. And this is how you can create number of art with your own mid journey clone. Okay, and there is no limit. In the next video, we will modify it more. We will make it more visually appealing. We have added all the features that image generator app should have. In the next video, we will learn that what we can improve more. Okay. So if you like this lecture, then don't forget to give me good positive rating and comment. Okay, bye bye. 5. How to make Our app more visually appealing: Hell, Hello, everyone. So welcome to all of you in my full master series. In this particular lecture, we will modify our app so that it will look like more visually appealing. So without wasting any time, let's start our lecture. So let's open Google Gemini again, okay? And in previous lecture, we have created this basic app. Okay. Now at this time, we will make it more visually appealing, okay? Which means its UI would be good. Okay. And easy to understand. So let's type here. First of all, let's change the name of our app. So change app name two. You can select any name here. So I will select creators creators, creators art. So let's hit the Enter button. So our app name have been changed successfully. Change app background gradient, white and gray. So at this time we are getting error, something went wrong. There was a problem when running your code. So whenever you will get this message, you have to click on fix error, and it will automatically fix all the problems. Okay? Now problem have been fixed successfully. So whenever you will get any kind of error, just you have to click on fix error and it will automatically fix your problem. Make it UI more unique. Okay. So UI stands for user interface. Okay. And from left hand side, you can read that what it has improved. Okay? So for an example, for main container, enhance the main card with rounded three cross one for soften corner. Okay. And it has added hover. Okay, hover. Purple. Okay, so let's see however is working fine or not. So this is a hover. So hover is also added and generate button, added tracking wide for slightly more spaced out. Okay, so it has become more wide. Also, I have added these random particles in our a background by giving this prompt. Random particles should be in a background that should move. Okay, so let's share our app. Copying and open it in new window. Now let's see how it will look like. So you will notice that random particles are present in our app background that make it more visually appealing. And whenever you are creating any kind of app, you have to make sure that is responsive design. So responsive design means if you will open your design in mobile app, then all the elements should be automatically adjust. Okay? And if you will open this in any other device, then also, it should be auto adjust. Okay, there should not contain any error. So let's type here, make our app responsive. It is It's seed. It's designed for mobile tablet PC, okay? Hit the under button. Now our app have become responsive. That means if we will open this in tablet, PC or mobile, so it will auto adjust its shape and size according to our device frame. Okay. So let's open this in new tab. So this is a app, and let's check it is responsive or not. So let's hit the F 12 button to make it mobile resolution. Okay. So at Portrait, it is working fine. You can see that it is responsive, and let's change the device so according to device, it is automatically adjusting itself. Okay? So from here, you can select any kind of mobile size, okay? And let's hit the F 12 button again. Now you will notice that it is working fine in both the device. Okay. So whenever you will open this in mobile, it will auto adjust its shape and size that is called responsive design. Now I have changed the color of our brand name. So I have type here, change the color of app name like. For creator, I use Md black, and for art, I use dark black. Okay. So as you can see, it is looking awesome. So thank you for watching this lecture series. Let's create one last image at the end of this video. Earth is under Devil. Okay. So finally, we have a four awesome output, and we can easily download this. Okay, let's open. Let's open. So this is awesome output which we have recently generated. Okay. So thank you for watching this video. And if you like this lecture, then don't forget to give me a good positive rating and comment. And also follow me. Okay, bye bye. 6. How to Remove any features from the app: Hello, everyone. So welcome to all of you in my full Master series. In this particular lecture, I will teach you that, how can you remove all the latest feature that you have recently added in your app? Suppose you have added some feature by mistake, or you are not satisfied with that feature. Then if you want to remove it, then how can you remove it? So we will learn all of this thing in this single lecture. So this is a present design of our app. And if you will notice that, I have added three different features. Firstly, I changed the color of our brand logo, which is looking awesome, so I don't need to change it again. Then I have uploaded the Opson for upload reference image, which is optional. Okay. So if you have used Mid journey previously, then you will note that in mid journey or Lon Ado, we can choose reference image, and on the basis of that reference image, we can generate more consistent image in future. Okay. So I have added this option to third thing which I have added is voice input. But for some issue, voice option is not working fine. So when I will click on voice, so it will start sewing this message. Microphone Access denied, please allow Microphone aces in your browser. I think we can't add this feature in our app. At this time, I have to remove this following feature. Let's see how it will work. So this is our app, and we have to remove voice option from our app. So you have to simply reverse the prompt. Okay. So previously we have type here, please add voice input. So at this time, we will add here. Please remove voice input option. Simple. You have to reverse the prompt. Okay. So our input prompt was please add voice input. Okay. Now you have to reverse it. Please remove voice input option from our app. So this is how you can remove any feature from the app which you have added mistakely. Okay. And if you want to see previous version of your app, then you can click on this undo icon. So if you will click on this, So it will sew previous version. And again, if I will click on previous version, so it will start sewing previous version of our app. Okay. But that does not mean it will remove all the feature, or it will add all the feature. You have to type it manually, okay? So this is a current version. So previously we have added one feature. Okay, so I have not recorded that prompt. Okay, but I have type here. Please add upload reference image feature. Let's I will show you 1 minute. Add reference image option. After that, I got this page. Okay. So let's click on Choose File. Okay. Let's click on Choose File. They are flying. Here, I'm not mentioning who are flying. Okay? Because I have uploaded reference image, so it should predict. Okay? They are flying. So as you can see that it is working fine. Suppose if you are not satisfied with upload image option, then also you can remove this. Okay. So please remove reference image option. Now it will remove this feature. So whenever you are not satisfied with any feature, you can simply remove that feature by reverse prompt Engineering. So if you like this lecture, then don't forget to give me good positive rating and comment. Okay, bye bye. 7. Create language translator app: Hell, hello, everyone. So welcome to all of you in my full Master series. In this particular lecture, we will learn that, how can we create Translator App with the help of Google Gemini. So this video is for demonstration of Google Gemini feature, how Google Gemini works, what you can do with Google Gemini. So this video is just for show you what kind of work Google Gemini can do. Okay, so let's activate Canvas and create create trans later app for me, hit the enter button. Finally, we have a output. Now, this is a source language, and this is a target language in which you have to convert your text. Here you have to paste your text and here take translated text will display. Okay. This is a comment of my one of student. Okay, so I'm not able to get it because I understand Hindi and English only. But I don't know, uh, what is the language. Okay? So let's paste here. Okay. So it could be German or French. I don't know exactly. But for some situation, where you are not sure which language is this, there should have default option. Okay. There should have default option too. If you are not able to get it, which language you have. Okay. So here I will type, add default language Option. Just in case when you are not able to identify the language. Okay. Okay. I think it is a German language, but anyhow, we should have auto detect or default option. Okay. So now, finally, we have a Autodtect option. So let's paste it here. Okay. From the target language, I can choose in which language I have to convert. Okay, so let's convert in English. Let's click on translate. And finally, we have a translated output. Okay. So it is working fine, but here we can add more language. Okay. So um, please add more language. So finally, we got lots of language, English, Spanish, French, German. Now we can scroll down our language, and similar for targeted language. Okay. So again, let's paste it here, okay? Okay. And from here, at this time, I will click on Hindi. Okay. So let's click on translate. So it is working fine. Now what we can do, change we can change the language of our app. Like here you can see the name of app is language translator. So you can change name of app, okay. And you can change the color, UI layout. Okay, so let's change the layout. Okay. Change lay out of app. So let's change the layout of app. And if you have a specific kind of layout, then also you can explain. I don't have any layout idea. That's why I'm typing random prompt. Okay. But if you can explain in detail, then it would be more interesting. So again, we have a different layout. Now let's paste, click on translate. Okay. Okay, so this layout is very simple and user friendly than previous one. Okay. Now, let's change the color of app. Okay. Background. Of app should have gradient white and gray effect. You can add anything what you want. So finally, it is looking awesome, and this is how you can create any kind of app. Okay, so thank you for watching this video. And if you like this lecture, then don't forget to give me good positive rating and comment. Okay, bye bye.