TubeSum

Build an App with One Prompt in Claude AI — Step-by-Step Guide & Transcript

Build a Working App with One Prompt in Claude AI | Tutorial

4h 12m video Published Jul 21, 2026 Transcribed Aug 8, 2026 S Simplilearn
Intermediate 25 min read For: Aspiring app builders and non-technical founders who want to leverage AI to create applications without writing code.
AI Trust Score 72/100
⚠️ Average / Some Fluff

"Delivers exactly what the title promises — a live, step-by-step build of a working app with one prompt, plus a deeper dive into Claude Code."

AI Summary

This workshop, hosted by Simplilearn, demonstrates how to build a working web application from scratch using AI tools like Lovable and Claude Code. The session covers core concepts like vibe coding and prompt engineering, then walks through a live build of a live audience polling app, 'Pause Live', with deployment.

[00:01:21]
Workshop Format

The workshop is a live buildathon where participants will build a working, deployed application from scratch using plain English prompts. It's not a pre-recorded lecture.

[00:08:03]
The Cost of Traditional Development

Traditional app development is slow and expensive: 3-5 lakh INR or 4-12 weeks for a basic app. The process, not the idea, is the main barrier.

[00:21:32]
Vibe Coding Defined

Vibe coding is the practice of building applications by describing what you want in plain language, and AI writes the code for you. You define, direct, and AI builds.

[00:26:54]
New Mental Model

The new mental model is 'define and direct'. You define what the app does and who it's for, then direct the AI with prompts to steer it.

[00:32:57]
Anatomy of a Good Prompt

A good prompt has four parts: context (what the app is), constraint (what it does/doesn't do), success condition (what success looks like), and iteration signal (how to ask for clarification).

[00:41:03]
AI App Development Process

The app development process with AI involves: app brief, scaffold code (repository), building features, and deployment.

[00:49:16]
The App: Pause Live

The app built is 'Pause Live', a live audience polling and Q&A app with a presenter side and an audience side, sharing one database.

[00:53:30]
Tool Stack

Tools used: Lovable (for one-prompt build with auto-deploy), Claude Code (for full-stack build), GitHub (for hosting code), Vercel (for deployment), Supabase (for database), and Node.js.

[01:48:51]
One-Prompt Build with Lovable

With Lovable, a single, detailed prompt was used to generate and deploy a working app. The app received 120 votes, with 72% saying they had installed the software.

[02:03:13]
Iterative Build with Claude Code

With Claude Code, the build was iterative, using multiple prompts to refine the app. The process involved creating a local folder, setting up a database in Supabase, and using an .env file for credentials.

[02:49:11]
Deployment Process

Deployment with Claude Code involves pushing code to GitHub, then importing the repository into Vercel, setting environment variables, and deploying.

[03:51:31]
Promoted Program

The workshop also promoted a 6-month Professional Certificate in AI and Machine Learning from Michigan Engineering, with a 15% discount for attendees.

Mentioned in this Video

Tutorial Checklist

1 00:54:19 Sign up for Lovable at lovable.dev.
2 01:08:23 Sign up for GitHub and Vercel accounts.
3 01:14:23 Download and install GitHub Desktop.
4 01:16:30 Create a Supabase account and start a new project.
5 01:21:32 Install Node.js from nodejs.org.
6 01:25:51 In Lovable, paste a detailed prompt describing the app and click generate.
7 01:41:34 Publish the app in Lovable to get a live URL.
8 02:04:13 In Supabase, run the SQL query to create the database tables.
9 02:12:21 In Supabase, go to Connect, select React, and copy the connection string.
10 02:14:12 Create a local folder named 'postlive' and open it in Claude Code.
11 02:20:56 Paste the first prompt into Claude Code to build the initial application.
12 02:40:05 Create an .env file in the folder and paste the Supabase connection string.
13 02:43:51 Run the second prompt to install dependencies and start the server.
14 02:49:41 Use prompt 9 to push the code to a GitHub repository.
15 02:54:06 In GitHub Desktop, add the local repository and publish it to GitHub.
16 03:00:40 In Vercel, add a new project, import the GitHub repository, and set environment variables.
17 03:08:39 Deploy the application in Vercel.

Study Flashcards (10)

What is vibe coding?

easy Click to reveal answer

Vibe coding is the practice of building applications by describing what you want in plain language, and letting AI write the code for you.

00:21:32

What are the two key components of the new mental model for building with AI?

medium Click to reveal answer

The two key mental model components are defining (what the app does, who uses it) and directing (steering the AI with prompts).

00:26:54

What are the four key components of a detailed prompt?

medium Click to reveal answer

The four key components of a good prompt are context, constraint, success condition, and iteration signal.

00:32:57

What is the key difference between Lovable and Claude Code regarding deployment?

medium Click to reveal answer

Lovable automatically deploys the application, while Claude Code requires you to deploy it yourself using tools like Vercel.

00:58:59

What is the name of the application built in the workshop?

easy Click to reveal answer

The app built in the workshop is called 'Pause Live', a live audience polling and Q&A web application.

00:49:16

What are the two sides of the 'Pause Live' application?

medium Click to reveal answer

The app has two sides: the presenter side (to create polls, open/close voting, watch live results) and the audience side (to scan a QR code and vote without signing in).

00:51:05

Which database service is used in the workshop?

easy Click to reveal answer

The database used in the workshop is Supabase.

01:16:30

What are the roles of GitHub and Vercel in the deployment process?

medium Click to reveal answer

GitHub is used to host the code online, and Vercel is used to deploy the application live.

00:53:30

What is the purpose of the .env file?

medium Click to reveal answer

An .env file stores environment variables like the Supabase URL and publishable key, allowing the app to connect to the database.

02:41:10

What is Node.js used for in this context?

easy Click to reveal answer

Node.js is a runtime environment that the generative AI tools need to build and run the application.

01:21:32

💡 Key Takeaways

💡

The Process is the Barrier

Shifts the focus from idea quality to the cost and complexity of the building process, framing AI as the solution to this bottleneck.

00:08:46
⚖️

Define and Direct

Provides a simple, actionable mental model for working with AI: clearly define the problem and then steer the AI with prompts.

00:26:54
🔧

Anatomy of a Good Prompt

Breaks down prompt engineering into four concrete components (context, constraint, success condition, iteration signal), making it a learnable skill.

00:32:57
📊

Building 'Pause Live'

Demonstrates a real-world application of the concepts by building a live polling app, making the learning tangible and directly applicable.

00:49:16
💡

One Prompt, Working App

Proves the core promise of the workshop: a functional, deployed application can be created with a single, well-structured prompt.

01:48:51

[00:03] There's someone joining from Virginia. Um I'm sorry we don't have your name. Um I think there is Priyanku. Hi Barati. Hi Sul.

[00:15] Hi Barati. Hi Sul. Hi Bish joining us from Gujarat. Okay this um Suchani from Nigeria. Okay Ned from Toronto. Okay Ned from Toronto. Thank you. There's Bill. Hi. That's

[00:29] Aratya, Isak from Nigeria, Tanya from Agra. Okay. Uh Sana from Lebanon. Wow, amazing. We have a hugely global

[00:41] amazing. We have a hugely global audience here, which is great. And um we are also live on YouTube and LinkedIn. So we have more viewers, I'm sure, joining us from different parts of the world. Um so once again, a very very

[00:53] world. Um so once again, a very very warm welcome to all of you. Um okay I'm introductions but it's super super exciting to see such a huge turnout and such a lively bunch of audience here. My name is Ana. Um I will be hosting

[01:08] today's workshop on behalf of simply learn. I just want to start this session by saying um that just by registering for and attending this buildathon all of you have made a very very very good call because this is not going to be just a

[01:21] regular webinar. Um it is not a standard lecture or a standard master class. Nothing here is pre-recorded. Nothing is staged. Um because in the next 3 to four hours, you're going to watch a working deployed application get built from

[01:36] scratch um using nothing but plain English prompts. And if you follow along, you're going to build one too. And um before we get into it, a couple of things I want to flag right now because I don't want you to miss them.

[01:49] because I don't want you to miss them. Uh firstly, we have a contest uh coming up at the end of the session. At a point during the workshop, we're going to ask you to submit a screenshot of the app that you built along with our expert in

[02:02] this workshop. Our expert will um you know look through it and offer his feedback if we have time. Um or else like you know we have another bonus as well uh for the top three applications that we're going to choose from uh

[02:15] today's workshop and I'm going to share more details about that a little later. So stay in stay building and stay ready for more information on that and a few ground rules before we get into the session. Um if you have questions

[02:30] related to career in AI or any AI tool or concept please put them in the Q&A box and not in the chat box. Um the chat is for engagement responses and the activities that we will run tonight. Q&A is where we will pull questions uh from

[02:44] during the dedicated Q&A segment at the end. And please keep the chat relevant to what's happening on the screen. We have a big room tonight and you would have seen already so many in just a few seconds there are hundreds of messages

[02:57] that are coming. Um so you know um it helps everyone when the convers conversation stays focused. Uh please do note that if there are a lot of pings coming in, we will keep the chat only visible to the host and the expert. So

[03:10] and affect everyone's workshop experience. Um however like you know while following along with the expert if you have any doubts if you're stuck somewhere if you're not able to understand something do put them in the

[03:23] chat box because our expert will be able to see them immediately and he will try to help you um as you build along. Thirdly, we have done a thorough audio video check at our end and everything is good to go. In case you are not able to

[03:38] hear or see anything clearly, the issues most probably you know at your end. So check your device or maybe just try rejoining on Zoom. And finally there is an attendance certificate that we will

[03:50] provide um if you you know um stay part of the workshop till the end. Um we will be launching a poll at the end of the workshop um in which you'll have to enter your full name. Um and um there on we will be able to get the data and uh

[04:05] generate the certificate and email them to you. Uh please don't miss the poll because we will not be taking any manual submissions. If you just drop your name in the chat box or in the Q&A box, that doesn't mean that you will receive the

[04:17] certificate. You will have to enter your full name in the um certificate poll that we will be launching at the end of the workshop. Okay, great. Um, so just curious to know who in the audience has attended a simply learn webinar or a

[04:32] workshop before. Uh, drop a yes if you have attended before or you can type and send like first time if uh you are here for the first time. Okay, a [clears throat] lot of yeses are coming in. Great. Amazing.

[04:47] Amazing. Okay, a lot of you are here for the first time. sec sorry um for the second time. Okay, a few first times are also coming in. Great. All right. So, as

[04:59] brought to you by SimplyLearn, of course. Um so, allow us a few minutes to just talk about who we are. Simply learn has been in this space for over a decade. We have trained more than 15 million professionals across 150 plus

[05:12] countries. Um all through structured outcomedriven learning that actually changes what people can do at work. We have a more than 80% graduation rate and our learners have consistently rated us 4.8 on five uh which shows the kind of

[05:26] learning experience that we provide um you know year on year. Okay. So um phenomenally most of our learners have also reported an average of 50% salary hike upon graduation which is well I mean the numbers just speaks for itself.

[05:41] We have um a lot of learning pathways, professional certificate programs, certificate training programs in a lot of various fields like um you know what you can see on the screen. It includes genai, agenti, data analytics, project

[05:54] management, cyber security, business and leadership, IT services, marketing, product and design and a lot lot more. Um and all of this is possible because of the speaker um uh because of the partners that we have built. uh we are

[06:08] incredibly proud of the ecosystem of uh the partners that we have uh from IITMs and globally renowned institutions to tech giants like Google, Microsoft, IBM and AWS. These partnerships mean that um you know you as a learner get curriculum

[06:24] that's not just um very current but also co-created with the people who are actually building the future of AI and that credibility flows directly into today's workshop as well and I'll tell you more about it um in the coming

[06:38] you more about it um in the coming slides. Okay. So before I bring our expert in I just want to um you know start the workshop with one thought right. So every app on your phone right now whether it is Airbnb or Instagram,

[06:52] now whether it is Airbnb or Instagram, Uber, Spotify, Cred, um all of the these you know applications started just as a line of idea or you know a line of line of idea or you know a line of thought in someone's head. It was not a

[07:05] a detailed uh technical specification. It was not a system design document. It was just a single line idea, an idea that someone couldn't let go of. So take a look at the apps on the screen. I'm sure that like you know you use at least

[07:22] like one or two of them every day, right? Um some of um you know someone once sat where you are sitting right now and thought what if this existed and today um we hope that you're going to get to do the same thing. So let me show

[07:37] you quickly what building used to look like and honestly what it looks like what it still looks like for most people. You have an idea. You write a brief for it. You try to explain your vision to a developer who you know could

[07:50] be interpreting it differently every time. You wait weeks for an estimate. Um the estimate is higher than you expected. So you go back and forth. A prototype arrives finally. It's close but it's not quite right. So you have to

[08:03] revise it. You have to repeat that and until the budget runs out, the timeline slips or you, you know, just about give up and move on to something else. So this is the tax that most ideas pay before they get to become real. 3 to

[08:17] five lakh in Indian rupees or 4 to 12 weeks in time that's just for a basic app and most ideas you know never survive this whole process and it is never because the idea was not good enough because the path was just too

[08:31] long too expensive and too dependent on other people. So what we have established is that the only thing that's ever stood between the singular idea that we spoke about and a working product is the process of building it.

[08:46] And for most people like I said the process has been expensive, slow and completely out of reach. And this is exactly the problem that we you know hoping to solve with this workshop. Um we assure you that that changes today in

[08:59] this buildathon. Um and what we're changing today is the process. So one prompt um that's the gap now between your idea and a working deployed application one well-ritten well ststructured prompt and um you know by

[09:14] when we say one prompt um it's not an exaggeration this is what's going to going to watch for yourself and by the time the workshop ends you will know how to write such prompts yourself and um you know take it forward to uh build

[09:30] more things um you know you know to add to your portfolio or to grow your AI career and so on. So here's what's going to happen in the next um you know few hours. We start with understanding some core concepts like w coding prompt

[09:45] engineering and how jai application development works. This is the pury part that's going to make the build part make a lot more sense. Then we go live with the build. It is going to happen in two parts with a 10-minut break in between.

[09:59] Um and so all that you require to build the application has been emailed um or WhatsAppapped to you already. Um can I just get like you know um a yes in the chat if you have already gone through the document and you've done you've come

[10:13] prepared you've done the setup um drop a yes in the chat if you have um okay some yes coming in a couple of yeses okay a lot more no are coming okay so

[10:27] just give me a second I'm going to share the document

[10:43] saying no. Um that's okay. So, I'm going to share a document in the chat um right now and I'm going to keep the chat visible only for

[10:55] um hosts and panelists. Okay. Right. I have pinged it in the chat right now. So just take a few minutes to go through it and uh do the

[11:08] is going to take you through all the steps um you know one by one as well. So if it is not already done then um you if it is not already done then um you know we will uh take you through it.

[11:21] know we will uh take you through it. Okay. Um all right. So moving back to the agenda for today's session. We have um an amazing program in partnership Education that we want to give you an exclusive preview on. Our expert will

[11:35] curriculum, the skills and tools and the projects involved in it. Um and a lot projects involved in it. Um and a lot more. Um so then we will do a Q&A and interesting questions from all of you and have our expert answer them live

[11:50] before wrapping up. Um so uh please do understand that we have a lot of uh participants um here in the workshop. So there will be a lot of questions. We there will be a lot of questions. We will try to cover as many um and as soon

[12:04] as possible but please don't um you know keep posting the same question again and again and allow us time uh to get back to you. And for those of you watching us on uh YouTube and LinkedIn if you have um any questions just drop them in the

[12:18] comment um section. And if they are relevant to what we are talking about, we will be picking them up and trying to answer them live. Okay. So, um, all right, on to a very exciting part in the workshop. Uh, let me introduce the

[12:34] person who's going to make all of this happen. Joining us today is Solomon Promise. He's an AI engineer and a machine learning instructor here at SimplyLearn. Solomon has personally mentored over a thousand learners across

[12:47] AI, data science, and machine learning. um he has helped them um grow in their um you know AI careers and also make transitions into these fields and beyond teaching Solomon leads from the front. He was a chapter head um chapter lead

[13:02] where he took a global team from idea to execution on an AI powered traffic management system. He's also the CEO and co-founder of Afitech digital hub and he's currently building Rev Ed and LL empowered applica uh platform designed

[13:16] to make AI assisted education more accessible. So at the core of everything Solomon does is one mission I believe uh which is building the AI infrastructure that unlocks talent at scale. So, if you're, you know, if you've ever

[13:30] wondered what it looks like to go from writing code to building the systems then I think you're about to find out from Solomon. Uh, Solomon, it's an absolute pleasure to have you uh lead our buildathon. And as always, it's an

[13:43] absolute pleasure to host you. Uh, the floor is yours now. If you'd like to add to all the participants that we have here, uh, please do. >> Hi, Ana. Thank you so much. Hi, everyone. Thanks. Yeah, it's my pleasure

[13:58] everyone. Thanks. Yeah, it's my pleasure always to come back. Yeah. And I want to tell everyone that today is going to be an exciting session. Yeah. It's not a webinar in the traditional way. It's a build at all. Yeah. Where we are going

[14:11] to build along [clears throat] and whether you've ever built something or not. At the end of today's program, you would have had a an application you built yourself. So I want you to bring in all of your attention. is going to

[14:26] really be very very amazing. Thanks. Over to you Anna. >> Yes. Great. Awesome. Thank you, Solomon. Again, like very excited to have you Again, like very excited to have you lead this session and um yes, moving on.

[14:39] Um okay, so we're like, you know, honestly very genuinely inspired by, you know, everyone's energy and enthusiasm here to learn um and build along with us. So, we have a free giveaway for everyone who stays through the workshop.

[14:53] It is an exclusive ebook titled 30 readytouse prompts for every job function. And I mean every job function. Whether you are in marketing, HR, tech, operations, analytics, or you're a student or you're actively job hunting

[15:06] right now, there is a set of prompts in here built specifically for what you do. Um, so this isn't like, you know, a generic prompt list that you can skim about. It is meant to be something that you actually you know that you can

[15:21] actually open tomorrow morning and start using. So the download link for this resource will be shared in the last 15 minutes of our session today and it is workshop and not after. So please do stay tuned and make sure that you don't

[15:37] miss out on all um you know um all that we have to provide um in the workshop. Along with this free ebook that is exclusively for you as a workshop attendee. There is also um you know a prompt library that we have curated that

[15:53] Solomon has curated um and we will be using that in the um session. So all that you need to build the application is there in that document. we will be sharing that as well at the end of the session. Um there is also an

[16:07] sharing which will give you like you know the conceptual understanding between you know behind what goes into um application uh building. So all of these are in store for you along with you know the application that you're

[16:22] going to learn how to build as well. So please do stay tuned. Okay. So um Solomon I think um uh it's over to you now. we have a few concepts um you know uh that we can discuss about that will help um you know all the learners here

[16:37] understand uh the theory better and then we can start the build. So over to you now. >> All right. Thank you so much Ana and hi everyone. I hope you all can hear me. Yeah. So before we dive into the

[16:52] practical session, we would be doing some theoretical stuff just to set the foundation for what we would be doing. So can you confirm if you can hear me? You can just say yes on the chat. You can hear me and

[17:07] just say yes or a thumbs up. Either of them. I want to be sure we're all them. I want to be sure we're all together. All right, guys. Thanks. Now we'll start out with vibe coding. I'm sure every one

[17:20] of us might have heard of the term vibe coding. Yeah, VIP coding was coined by one of the um popular AI engineer out there. Now, what is VIP coding about?

[17:33] What's VIP coding? Yeah, before I start out with VIP coding, I would take a back step because we're talking about application development. Yeah, everyone

[17:45] of us have used an application. And by the way we are using zoom. Zoom is an application. Somebody conceptualized the idea of zoom and some other persons went

[17:57] on to build the application called zoom. So we've all used different application. So before now how are applications built? There's a traditional way of building application. You have to start with the ideation. Come up with the idea

[18:12] of what the application is about. the goal of the application, the problem the application is trying to solve. For example, Zoom. Zoom is a video meeting Now you come up with the requirements. What are the requirements in this

[18:28] application? What features should this application contain and you move on to talking about system design. You want to design the system and eventually you design the system and eventually you write your code. Now, if you are not a

[18:43] software developer, maybe a front- end engineer or a backend developer, either of those, you won't be able to write codes. You can come up with the idea, you can come up with a nice design, you can do all of those brainstorming,

[18:57] prototyping in your mind, but you cannot write the code. And like Anna told us initially, many brilliant ideas never made it to the made it to the to limb light because even if the person because the person that conceived the idea

[19:14] the person that conceived the idea did not have the requisite skills to did not have the requisite skills to write codes right now. Fast forward to write codes right now. Fast forward to 2026 where we live. In 2026,

[19:27] in this last decade, there had been a whole lot of groundbreaking whole lot of groundbreaking um success in AI from when chat GPT initially came out when everybody could just write text with chat GPT and so on

[19:42] [clears throat] large language models generate images, wonderful images. However, it has moved forward to this applications being able

[19:55] to build apps. So, large language models or AI can now help you write your codes. So, what it does is that it takes away that bottleneck. For example, I am a that bottleneck. For example, I am a founder, right? I'm a founder, but I am

[20:10] not a technical founder. I have an idea. There's a solution. There's a problem I want to build a solution around. But because I'm not an idea, I'm not a because I'm not an idea, I'm not a technical founder, I don't have this the

[20:22] knowledge of coding, I won't be able to build that idea. Even the minimum viable product of that idea, I won't be able to build. But in today's world, AI has taken away that limitation, making it possible for everyone to build code by

[20:38] possible for everyone to build code by just writing in English. Yes. And that brings us to V coding. So I needed to state all of those things so you know where we are coming from. We are coming from the traditional way whereby you

[20:51] need to learn how to write code JavaScript, CSS, HTML, a whole lot of different programming languages, back end, front end, databases and so on. But

[21:05] end, front end, databases and so on. But today just conceive an idea and just today just conceive an idea and just tell maybe claude claude code or codeex or anti-gravity we'll be seeing all of those things today I want to build an

[21:17] app that can do this that's a concept of v coding so v coding is that practice of building whereby you do not need to write the codes all you need to do is write the codes all you need to do is describe what you want to build in plain

[21:32] language describe what you want to build in plain language and AI goes on to build it for you. It gets to write all of the code for you. The reason why it's called vibe, you know the word vibe, yes, is

[21:46] vibe, you know the word vibe, yes, is that you write it makes change. It you give it the the prompt. I'm going to explain prompt as we move forward. You explain prompt as we move forward. You tell it what you want to build and it it

[21:59] builds it for you. you come back to make edits or make corrections and you keep doing that again and again. Yeah. Without a whole lot of stress that comes with writing programming program um programming codes traditionally. So

[22:14] that's the context of VIP coding and like you can see on my screen there is traditional development on one hand and there is vi coding with gen AI tools on the other hand. So traditionally you would write the syntax, the logic, you

[22:29] would have to debug. Debug is how you find out errors in your code. So you'd have to debug line by line and it can be very very exhausting debugging. Yeah, you'd have to study documentation before you start building and it can take you a

[22:43] donkey number of days or weeks moving from ideation to your first prototype. Usually your first prototype is is not the full-fledged version of the app. But

[22:55] most times before you can even move from the ideation phase to that first prototype, it's going to take a whole lot of bottleneck. So I'm saying this thing from the perspective of a founder, right? I've I've tried to build

[23:09] application with software engineers and I know I knew how long it take it took I know I knew how long it take it took us to come up with with a website. Yes, it took us a long time because we needed to wait for the UIUX designers to come

[23:25] up with the designs. We needed to wait for the software guys to work on the application. But today in today's class, in less than one day, you're going to build an application yourself. Not just a website, but an application yourself.

[23:40] So there's that bottleneck, a whole lot of bottleneck that AI is taking away. Yeah. And back in the day, you would require deep technical knowledge like I'd already said. Yeah. But today, you don't need a deep technical knowledge to

[23:54] build a software application. Yeah. A prototype, an MVP, something that can eventually scale. You don't need. All you need to do is to describe it in English, right? Describe it in English. Describe the problem. State the

[24:12] features. State the constraints. how you want it to work. Just just be exhaustive as possible in your description and you are good. AI can build the application for you. You just sit down

[24:28] and watch while it builds the application for you. So, let me confirm if we all got this so I can move on to the next slide. Did you all get it?

[24:43] confirm on the chat also. I want to be sure that we all did. All right. So that's the first concept, the concept of vibe coding. You describe

[24:55] the concept of vibe coding. You describe what you want. AI builds it for you. You try it. If it works very well and if it doesn't work very well, you tell AI fix this. It goes on to fix it and you try it again. That's the whole concept of

[25:10] coding. Thanks. Can we move to the next slide? Yeah. All right. Now, this slide talks about the new mental model. What the highest

[25:23] leverage skill in 2026. Back in the day, writing code is a very very prestigious skill, right? Because software development was restricted to only a select few persons that can

[25:39] only a select few persons that can actually build applications. This person actually build applications. This person has a whole lot of expertise in several has a whole lot of expertise in several programming language. Yeah. However, it

[25:51] it's changing. Yeah. And it has changed because you can build something immediately. Now the mental model is now different from what the mental model needs to be before. So for example, if you have a brilliant idea, you want to

[26:07] solve a problem and you do not have any of the technical knowledge, it will take you like 6 months trying to learn a programming months trying to learn a programming language, right? For you to be able to

[26:20] build something substantial. But today all you need to do is to define all you need to do is to direct and cloex anti-gravity VS code lovable there are a

[26:39] whole lot of them out there they can go ahead and build it for you so you start ahead and build it for you so you start the mental model is now defining and directing that's the mental model define ing and

[26:54] directing. So defining you define what the app does, who uses that app, who is the app for, what does soft text looks like, what are the feature of the app, what do you want to see in the app. You need to define it in clear terms. We are

[27:09] going to see that as we make progress. You need to be very exhaustive in your definition, right? You need to be very exhaustive in your definition. You know some days ago I was discussing with a colleague of mine. We work together in

[27:25] an organization and we're talking about how that today your greatest leverage is not being able to write code but being able being able to write code but being able to think because if I can think about

[27:38] it, if I can conceptualize it, if I can define it properly then AI can build it for me. So that's the first you define Now the second is that you direct. So

[27:51] Now the second is that you direct. So when we talk about building with AI by coding, prompting and so on and so forth, it's not some magical stuff that just happens, right? You do not just throw

[28:04] your prompt at CL and walk away. That's not necessarily how it happens. You need not necessarily how it happens. You need to define, you need to direct how it works. You need to direct how it works. So you

[28:17] start with steering it with each prompt. So if you know how to drive, you know how that you do not just even if you can drive ride your car without using the steerings. However, you still need to steer it to the direction you actually

[28:33] want to go. So you keep steering your car. This is the direction I want it to go. So I ste my car. As we go through it, you will see that there are different prompts. If I want the AI model to go this way, I steer it. I

[28:47] model to go this way, I steer it. I direct it using a particular prompt. Right. Using a particular prompt. Yeah. So, we correct it. Also, one of the things I've told myself or one of the ways I treat my AI or my clo when I code

[29:01] is that I treat it as a child. I do not assume that it knows. I tell it what I want it to do. So, that's me directing it. Yeah. And in most of these um

[29:15] generative AI tools, you'll see that they they're already pre-built into them approving before you proceed. So most of the things the AI does is going to ask for approval. Is this how you want it to to be done and you can now approve

[29:30] before it gets done. So it's not it's not magic. You do not just throw it at the Gen AI application and just disappear. You still have to direct it. And the whole essence of directing it is so that at the end of the day the

[29:44] application is what you actually conceptualize. conceptualize. Yeah. So you define, Yeah. So you define, you direct and claude builds. The

[29:56] building is done by Claude. It could be Claude. It could be codeex. It could be anti-gravity. It could be lovable. It could be cursor. It could be replet. There are a whole lot of them, dozens of

[30:11] them out there. But today in today's class, we'll use more ofable and claude. I'm going to expose you to a few of the other ones out there. Anyway, but don't forget, you define, you direct, and Claude builds. Do we all

[30:28] you direct, and Claude builds. Do we all get this? All right. So, let's move to the next slide. Anya now prompt engineering prompt engineering what's what's prompt

[30:45] prompt engineering what's what's prompt engineering about in the simplest terms prompt engineering is you basically writing prompts right and what are prompts prompts are the command the instructions we pass on to gen AI

[31:01] generative AI so the way we communicate with Gen AI is by sending it prompts And the more effective you can write prompts, the more effective you can

[31:13] communicate with AI. On the previous slide, I told us two key things. Number one, you define and number two, you direct. The way we define and the way we direct. The way we define and the way we direct is by using prompts. We define

[31:27] with prompts and we direct with prompts. So prompt engineering is a skill to learn. Now beyond prompt engineering, I'm going to mention a few things. You can check them out. There's also context engineering. Yeah, there's also context

[31:41] engineering and I think of recent there is loop engineering. Yeah, all of those things are different ways in which you communicate with AI and the gold is so that you communicate effectively. If you followed everything I've said, I've said

[31:56] that we do not build. When we work with Gen AI, we don't build. What we do is Gen AI, we don't build. What we do is that we instruct, we define, we direct and we do this with plain language English. We direct with English, we

[32:11] instruct with English, we define with English and all of those things. The technical term is called prompt engineering. When I was in primary school, we were taught that computer is

[32:24] a tabular. And what they told us it means is that it is garbage in, garbage out. what you give to it is what it gives back to you. So that's exactly what context prompt engineering is. What you give to prompts to the to the gen AI

[32:41] application or the gen AI model is what it gives back to you. Yeah. So the better your prompts the better your output. So I'm going to walk us through a few things around prompt. So we have context, we have constraint, we have

[32:57] condition, we have itation signal. So what is the context about? You need to provide context. You need to provide context. If um you just say build an app for me, that's vague.

[33:14] There's no context. If you even say build a social media app for me, that's build a social media app for me, that's also very vague. No context. If you say build a social media app for me like WhatsApp that's also big no

[33:31] context. So the context you have to tell it what is this app? Who uses this app? What does it replace? What does it improve? You have to be very very detailed.

[33:47] Right? I'm going to give you a hack on how to provide context. Yes, I'm going context. The reason I'm going to give you a hack, yeah, kind of a hack is

[34:00] because um if you are not a traditional software engineer, you may not have most of the you not have the knowledge of building software, right? You won't have the knowledge of building software. Yeah. So um I'm going to teach you a way

[34:16] having the knowledge of building software you can write enough context that when you pass it on to claude it understands what you are saying. Yeah.

[34:29] But the other way is that you can write your context from the user perspective. your context from the user perspective. For example, I'm the one using this app. Let's say Zoom. Zoom because that's what we are

[34:41] using for this meeting. So I want to build a Zoom app for myself or not not for myself. So I'm going to begin to give it give it context based on what

[34:56] based on the user perspective. Yeah, based on the user perspective. So providing context. There's also the software engineering perspective of providing context. And that one because you do not have a software engineering

[35:10] be able to provide that. But I'm going to show you how to go about that. Now the other thing which is very important is the constraint. Yeah. The constraint.

[35:22] You need to specify what this app does and what this app does not do. Yeah. and what this app does not do. Yeah. It's not it's not an endless journey. Yeah. in the Amazon forest. No, you have to provide constraint, right? Don't do

[35:38] to provide constraint, right? Don't do this. Do this. Yeah. Never do this in this app. So, constraints are very very important. All of the things are direct in the app. The gen AI model remember we said we define

[35:52] said we define we direct. So, direct. So, you are setting the constraint to set boundaries. Yeah, this is what I want. This is what I do not want and the ence of doing this is to reduce guesswork

[36:07] what work. Yeah, you do not want the model or the gen AI guessing. Should this be included? Should this not be included? To avoid guessing, you need to provide constraint. Now the other thing which is very important is called

[36:23] success condition. What is it about? You want to provide what success condition want to provide what success condition looks like to the gen AI application,

[36:35] looks like to the geni application. Yeah. So, so that at the end of the day when it's done building, it knows if it was successful or not. Now, in loop

[36:47] engineering, the whole concept of loop engineering is that you do not write prompts, you build loops. Yeah. But you need to start from prompting before building loops in this class. But let me give you an idea of what loop

[37:00] give you an idea of what loop engineering is just in case you want to um explore further. So loop engineering is that you tell the you give the AI a goal.

[37:12] That goal is similar to the success condition I'm talking about. You give the AI a goal and it keeps building itself. And when it's done building, it comes back to validate

[37:27] against the goals you've given it. Now if those goals are met or checked out, if those goals are met or checked out, then success is was achieved. But if

[37:39] those goals were not met, it will keep iterating itself until those goals are met. So even if you're not doing loop engineering, you still provide success condition. This is what success looks like. This is what success does not look

[37:56] like. And it will help you reduce back and forth. Yeah. And finally itration and forth. Yeah. And finally itration signal you tell how you want it to ask signal you tell how you want it to ask for clarification and when. Yeah.

[38:11] Meanwhile, let me say this. Um most times before you achieve that very beautiful application you want or that you are currently using it takes a whole lot of back and forth iteration. Yeah. With very with a one detailed prompt. We

[38:28] we'll do in today's class. However, after building that app, we'll keep after building that app, we'll keep iterating. Yeah. fine-tuning so we can iterating. Yeah. fine-tuning so we can get a much more perfect application than

[38:41] what we started out with. Yeah, we get a more perfect application than what we context, constraint, success, condition, and iteration signal. All of these

[38:57] things are very important so you can build a very very successful app. Your build a very very successful app. Your prompt must never be vague. It must be as detailed as possible. So before we move on to the next slide to

[39:11] talk about the next concept, can you confirm if you all got this?

[39:28] Okay, I can see several thumbs up. So it means that several of us got it. Can see several thumbs up. All right. Thanks. Thanks. Now we can move to the next slide. Now in the next slide we would be

[39:41] Now in the next slide we would be talking about application development process. Now this is similar to what we've spoken this is similar to what we've spoken before. Yeah like I said you do not need

[39:56] to write code. You don't even need to know what Stack Overflow is. Yeah. When I started learning Python programming language, there was no gen AI then.

[40:08] There was no lovable, there was no claude, there was no charge GPT. Yeah. So every time there was an issue, I always run to Stack Overflow. Yeah. So when you get to Stack Overflow, you did somebody that encountered a similar

[40:21] somebody that encountered a similar issue and he has dropped the solution on Stack Overflow. Yeah. So that was how we solved problem back then using Stack Overflow. But today you don't need Stack Overflow. If you are writing code,

[40:33] assuming you're writing code, what we do was copy the error, paste it on charg tells you that this is the error. This is where you are making mistake. But now it has moved beyond that. You don't need to copy your errors anymore. CL codeex

[40:51] love can go ahead and build the application for you and all you need to application for you and all you need to do is to check fix and move on. So what do is to check fix and move on. So what are the um the um process in building an

[41:03] application? The first is the app brief. That's the first the app brief. You need That's the first the app brief. You need to give a brief intro or description of what the app does. Like I said earlier, who uses the app? What does it need to

[41:19] achieve? Yeah. So you need to be as detailed and specific as possible. Now after that the next thing is the sc code. So the scaff code is also what we

[41:31] call repository right. Yeah it's where all of repository right. Yeah it's where all of the codes and the file and the um secret

[41:44] APIs and everything API keys and everything they all live within this car everything they all live within this car code or the repo. So once you do this cloud code or codeex once you provide the app description it goes ahead to

[41:59] build that repo. Yeah it goes ahead to build the scaffold for you. Then you can now start building picture by picture. We are going to see that in the um

[42:11] practical session for today. What the way I structured it was that we start out with one prompt that we build the entire application and after it does that we start breaking it down feature by feature. So you start describing

[42:26] features chat or um plot code or codeex builds that builds that feature you describe and you tell if there's an error you get to fix. If there is no error you move on to deployment. Yeah. So deployment is

[42:43] how you put your code out there or you make it available for everybody to see. If your application is not deployed, it's going to be on your laptop. It will be live on your laptop, but others can't see. It will be live on your laptop, but

[42:59] others can see it. Right? So that's the essence of deploying your app. Yeah. I'm also going to show you how to deploy. It's not a deployment class anyway. However, I'm going to show you how to deploy the app we would be building in

[43:13] deploy the app we would be building in today's class. So, this is the workflow we would be following. It's the work process we would be working through in it's going to be very very interesting because I'm building I want us to build

[43:27] an an interesting app together. I'm going to stop and I'll toss it over to Anna. >> Yes. Thank you, Solomon, for taking us through all the concepts. So I think that was very you know um important and

[43:41] fundamental to understand um these basic uh ideas before moving forward to the practical segment. Is everyone with us so far? Um we see a lot more of you have joined since we started the session. So I hope like um you know the pace the

[43:56] session is good so far. We will be starting the practical part uh very very soon. Okay. Great. A lot of thumbs up. Thank you so much. Keep the excitement Thank you so much. Keep the excitement and the energy up. Um and uh yeah we are

[44:09] um you know uh like Solomon said we have a great app that we're going to build um in this workshop. Um right so we've covered um a few core concepts right now. Uh we spoke about pipe coding prompt engineering how um you know

[44:24] claude works and what the build process looks like end to end. And I think at this point most of you have a sense of the mechanics you understand what's about to happen when we go live. um and you know what a good prompt looks like

[44:38] versus you know weak prompt you know what claude is actually doing where it question I want to plant before we get into the build um today a lot of you might be building with an AI tool or building an application for the first

[44:52] building an application for the first time um but um you know this is what uh this is what the build uh looks like can look like 6 months from now tonight we're going to build like one thing one category of application one problem and

[45:06] one with one prompt stack. But in just about 6 months, you could be building an AI system that detects and understands visual data, a whole recommendation engine that can provide personalized user experience, a predictive analytics

[45:20] business trends, a deep learning model, a machine learning model, a conversational AI assistant, and a lot of more um you know complex intricate builds. And these are um you know the

[45:33] kind of outputs that people who go deeper with the stacks are building charging for it. Some of them have even turned it into a business. And all of this is going to be you know possible with professional AI um and machine

[45:47] learning program uh delivered in partnership with Michigan engineering University of Michigan. I'll come back to this properly in um you know about a where we'll walk you through the curriculum, the projects and what's u

[46:01] curriculum, the projects and what's u you know what tonight um um attend uh as an attendee what you specifically exclusively get. Um but I just wanted to you know show the glimpse of the destination before we go live to the

[46:14] practical practical segment because we're about to do in the next couple of hours makes a lot more sense when you know that it's not just like a one workshop skill. Um this is the beginning of an entire you know set of skills that

[46:28] you can build uh with us. So with that I'll hand it over to Solomon. Um I think you know we can stop talking and um start building the application. So Solomon over to you. I will stop my screen share now and you can take it

[46:42] forward. >> All right. Thanks Anna. Like she said we would be moving on from the theoretical part to the building phase. Yeah. Um part to the building phase. Yeah. Um before I dive into the building phase,

[46:55] um like like she said, this is just a one day boot camp or a build build at one day boot camp or a build build at right and um in 6 months time from now you can actually move from just having all of this theoretical concept to um

[47:12] becoming someone that has a hands-on experience, detailed experience. Yeah. and one of the course that will be talked about eventually. I am one of the instructors. Yeah. And imagine being able to build an app after

[47:28] one day's class. Imagine what you can do after six months of of learning. Yeah. So this is me saying that today is just like the tip of the ice. Yeah. There's a whole lot of things that come along with that. Now I'm going to start out with

[47:44] that. Now I'm going to start out with the setup and in fact cure like Anna did >> uh one minute I'm sorry to interrupt you. I just uh thought of addressing a questions that have come our way. >> Um so there are people asking about um

[48:01] um you know the recording and um the certificate and the slide deck. So let me just inform everyone that um you know if you stay till the end of the workshop full name in the poll that we'll be launching then you will be getting the

[48:17] deck the recording as well as um the certificate of attendance. So please do stay tuned till the end and I see that a few people have raised their hands. Um and if you have any question please drop them in the Q&A box or in the chat box

[48:32] and in case if you're finding anything difficult to follow um you know whatever I am speaking or if um you know you're of finding it difficult to follow what Solomon is speaking there is a show caption option you would be seeing that

[48:45] in the bottom of your navigation bar on Zoom. So if you click on that there will be subtitles to come. If that helps you follow along um and you know um listen to me speak or Solomon speak then that is an option available for you. Okay.

[49:02] All right. Um Solomon sorry for the interruption. You can uh take it forward >> All right. Thank you. So before I dive into this setup I want to talk about the into this setup I want to talk about the application we would be building in this

[49:16] workshop together. So it's called pause live. It's called pause live. If a live audience pulling and kill an a application. So what's useful is that

[49:28] within this webinar you might have a question to ask and when we build the app we are going to test and see if it works. So you can ask your question through the course live application. Right? You can also I'm going to set up

[49:43] a pool like a live pool. you can click the pool and see what happens. So, it's a way of um getting to know audience applications applications um

[49:57] not applications, it's a way of getting to know the um engagement level of audience in a live meeting like this. Yeah. So, I decided that we build this app because it's directly applicable to a webinar or a build on like what is

[50:11] going on now. Yeah. If you know of Slido or Slido or Mimeter, it's very similar. Slido is one of the very popular applications out there whereby it's used for questions and answer live pooling during a live

[50:27] meeting like this. So that the app we are going to build. Yeah, at this point I do not have the app. I've not built the app before now. Yeah, because we'll

[50:39] be building it together in this class. Yeah. So, everybody will join on a big screen. Send your feedback.

[50:51] Send your your thoughts on how the class or the build and the webinar has been or the build and the webinar has been going and we are going to all see the feedback on a big screen. So, that's basically what we'll be building. This

[51:05] application has two slide. There is the presenter side and there is the audience presenter side and there is the audience side. Yeah, the presenter side is for me the presenter in this case. The audience side is for the audience everyone of you

[51:19] that have joined the webinar and I would likely use the card the app. So the presenter myself I'm going to create pool. I'm going to open and close voting. I'm going to be able to watch live results as people vote live on the

[51:35] app. And I'm also going to show a full screen on my laptop so everyone of you can see. While for the audience side, you're going to scan a QR code that is you're going to scan a QR code that is going to land on a phone. Yeah, you sign

[51:48] a QR code. It's going to land you on your on your web page. On the web page and you can answer question. There will be no account for the audience. There will be no need for sign in. Yeah. So those are the two sides of the

[52:03] application. We are going to be building them together in this class. And for this application to work, we also need a database. Yeah. So both sides of the application would communicate with just one database. Yeah. A database is more

[52:17] like a storage container or a storage place for data. All of the data we'll be using in this class will be stored in the database. So I'm going to walk us through this. Yeah. So what can you do with this app? You can do multi-choice

[52:31] pool. You can do Q&A, you can do live results and so on and so forth. So that's what we'll be doing. I'm going to try to build this app in two ways, right? I bought build with loveable, right? One of the reasons I'm building

[52:47] with loveable is because Lovable takes away the um the bottleneck of getting to deploy your application. Yeah, because automatically deploys the application for you. I'm going to build with

[53:01] to build with loveable is not going to be the complete application right because I am using a free version of lovable and every one of you can also use that free version of loable. I want us to be able to build that together

[53:16] within the class. Now after that I'm also going to build it with clot code also going to build it with clot code github and patel. So cl code will be the building cloth code will do the building right. So I'm going to build a

[53:30] full-fledged application using cloud code. Then GitHub will be used to host code. Then GitHub will be used to host or hold the application in the cloud.

[53:43] Then we have Basel. Basel is used to deploy the application live so that every other person would use it. So we have loable that would use also use CL code. We use GitHub and we use VEL. But before we dive in, like I said, I want

[53:58] everyone of us to set up our infrastructure. Now, we start out with Lovable. I'm sure you can all see my screen, right?

[54:19] simple. All you need to do is to type loable.dev dev and it will take you loable.dev dev and it will take you directly to the lovable interface

[54:32] So I want everyone of us to do this. Yeah. If you don't have an account, you need to sign up. If you don't have an account, you need to sign up. Lovable.dev. So if you don't have an account, you need to sign up. Now once

[54:46] account, you need to sign up. Now once you do that, I want to get a response on the chat. Yeah, not thumbs up. Now, if you have signed up to lovable or you you have signed up to lovable or you have a lovable account before now, you

[55:01] can just say a yes on the chat so I can quantify how many of us already have that. If you signed up for lovable, you've signed up for Lovable. You've signed up for Loveable.

[55:15] All right, make sure you sign up. Make sure you sign up. If you've not done that, make sure you sign up. So, this is what Lovable's interface looks like. Yeah, these are different applications I have built on Loveable. You can see all

[55:31] of them. These are the different applications I have built on lovable. Yeah, we're going to build a different application on Lovable just within minutes. But before we go on to Loveable, I want us to also get the

[55:46] other applications ready. So when we start there will be no need for going back and forth. So lovable done. I'm going to move to the lovable done. I'm going to move to the next one. The next one is Claude.

[56:01] Claude. Okay. Someone said I should explain lovable. So let me explain lovable before I move on. Lovable is a gen AI before I move on. Lovable is a gen AI application. What do I mean by gen AI?

[56:15] Gen AI means generative AI. Gen AI means generative AI. So, Lovable is a generative AI application. It

[56:27] is a generative AI application. It allows us to build full stack application. A full stack application is an application that has the front end. So, everything you can see on this app is the front end of this application.

[56:41] Now there's also the back end which you cannot see. The back end of the application is what powers the front end. So loable allows us to build both end. So loable allows us to build both front end and back end application. They

[56:56] are called full stack application. All you need to do to build with loveable is to type in in plain English. All you need to do is type in in plain English. So with plain English you can build applications with lovable with plain

[57:12] English. So that's what lovable is about. And the other applications we'll be using in this class or in this webinar or build on there are variants of lovable. What do I mean? They also used for building full stack

[57:27] applications. It could be back end. It could be front end. It could be a front end and back end application together. They are all used for building full stack application. So that's what lovable is about. I hope we all get what

[57:41] lovable is about. I hope we all get what lovable is now. want us to get done. The next one I want us to get done

[57:57] claude code. So I was talking about claude code before now. So I'm going to just open Claude Hold on my laptop. I'm using the Claude Hold application. So I'll be opening it. It's opened. So let me share it on my screen so you can

[58:13] all see. So this is Claude. This is Claude desktop.

[58:27] and within cloud desktop we have clot code. Cloud desktop has a couple of things but in today's class we are only interested in cloud code. Yeah, that's a couple of things but we are interested in cloud code. So this is clot code.

[58:44] Yeah. So clot code is a gen AI application also similar to loable. Yeah. It allows you build full stack application. But the difference between lovable and cloud code is that once you build an application on

[58:59] once you build an application on lovable, lovable host that application and it deploys that application. Everybody can see the application. You this so you get what I'm saying. So these are applications I've built.

[59:13] Excuse me. With lovable, I can share the link for everyone of you to see. All I need to do is to build it here. But with cloud code, after building the application, you need to deploy the application yourself. You

[59:30] need to deploy the application yourself. If you don't deploy the application, the application remains on your personal computer. No other person can access it

[59:42] except it's deployed. So that's one of the key difference between lovable and the key difference between lovable and clo code. So for you to install lovable cloud code rather yeah don't worry about the um font I'm just showing you the the

[59:59] interface just the interface not the font for now. Yeah. So this is what cloud code looks like. Just the just the interface not the font for now. So to download CL all you need to do is come to claude

[1:00:21] would be able to download CL into your laptop. Yeah, but Claude requires a paid subscription. If you're going to follow my workshop or this builder using

[1:00:34] my workshop or this builder using Claude, you need a paid subscription and that cost $20. You're paying to CLA. You're not paying to Simply Learn. Claude. Now, if you don't have a paid subscription, you won't be able to use

[1:00:48] Claude or Claude code. You can use Claude for other things, but you can't use CL code. I have a paid subscription. And for today's workshop, I'll be using

[1:01:00] And for today's workshop, I'll be using um my paid CL application, right? And I think it makes sense. I don't you don't have the knowledge of writing code but you can pay for a subscription to write to use an application a GI application

[1:01:13] that writes that code for you. However, we have alternatives. Yeah. We have some alternatives that gives you free tie. Yeah. So they give you free tar and you can use it for a couple of days. Yeah. You can use it for

[1:01:29] a couple of days. One of those alternative is called code X. But before I move on, if you love to use Claude, you can download Claude and install

[1:01:41] Claude. If you can do a subscription, that would be perfect. Yeah. $20, you that would be perfect. Yeah. $20, you can do a subscription. And yeah, and if you do not want to do a subscription, Claude also allows you to do

[1:01:56] credit usage. So, you only pay for as much credit as you used, right? Yeah. So you can use claude that's one. The other application you can use is called

[1:02:08] codeex. Codeex is by open AI. How many of us know chat GPT? How many of us know chat GPT? How many of us know chat GPT? You've used chat GPT before.

[1:02:27] saying you are having difficulty like I said I am not showing you the font on my screen yet. I'm just showing you the interfaces of the application. When I need to show you my fonts I will try to make them big so you can see them. So

[1:02:42] make them big so you can see them. So this is what codeex looks like. Codeex this is what codeex looks like. Codeex is owned by the company that owns charg. is owned by the company that owns charg. Yeah. So Kodest gives you some free

[1:02:56] usage. Personally I do not have a Kodest applic. So but if you come to my usage you can see that I have a usage of 100% until

[1:03:11] see that I have a usage of 100% until August 20th. If I exhaust this usage before August 20th, I won't be able to use Codeex until August 20th. So you can use codeex for this application. All you need to do is download codeex and

[1:03:25] need to do is download codeex and install codeex. So you can type codeex install codeex. So you can type codeex and you can download it to use it.

[1:03:41] So I'm sure my screen is bigger now. So you can download codeex

[1:03:54] to use it. It gives you free power, but like I said, um if you exhaust the usage limit, you'd have to wait for it to reset. For mine, it will be resetting on

[1:04:07] the 20th of August. That's a long time. Yeah. So, I wouldn't be able to assure you if the usage limit can carry you through this webinar. Yeah, but I can

[1:04:19] assure you that you can get started with code X. So it gives you some free T. Cloud code does not give you any free T. Now we also have other that can also give you free T. It's one of them is called anti-gravity.

[1:04:36] Anti-gravity can just type anti can just type anti and gravity. Anti-gravity is owned by Google. Anti-gravity is owned by Google. It also gives you some free. Yeah, like

[1:04:52] I said for codeex, it has usage limitation and restriction. Yeah, but it limitation and restriction. Yeah, but it gives you free that can allow you get started. It can allow you get started. So all you need to do is click on

[1:05:07] anti-gravity. Come here, download anti-gravity into your laptop. Download anti-gravity into your laptop and you would be able to use anti-gravity. Yeah, it gives you some free app. Yeah. Then BS code. Let me wait for us now.

[1:05:24] Let me wait for a few minutes. Yeah. So, if you downloaded, if you are going to use CLA, I want you to type CLA. If you use codeex, I want you to type codeex. And if you want to use anti-gravity, you

[1:05:40] can just type anti. So I want to see the different um gen AI application we you would be using. So if you have claude and you'll be using claude just type claude on the chat. If you'll be using codeex you can type codeex. If you be

[1:05:55] using anti-gravity you can type anti-gravity. So let's do that part. Let me see. Yeah. So this is code. This is anti-gravity. While you are typing in, I just want to show you the usage. You can

[1:06:13] just want to show you the usage. You can see this is free. Yeah, free users and Google AI plus users to receive the minimum base limit on anti-gravity. So, you can use it for their restrictions. Yeah, you can use it for their

[1:06:27] restrictions. So, these are three different applications. You can use cloth code, codeex, anti-gravity. You can also use VS code. I think VS code might be the most popular one. You can use VS code.

[1:06:43] most popular one. You can use VS code. VS code also give you some free tile. So one of the beautiful thing about codeex and not not codeex anti-gravity and VS and not not codeex anti-gravity and VS code is you can use your clo code within

[1:06:58] VS code. You can use cloth code within VS code. You can also use clo code VS code. You can also use clo code within anti-gravity. But CL code has its within anti-gravity. But CL code has its own agent. Yeah. It has its own gen AI.

[1:07:10] Yeah. And it can also give you some free T. It can give you some free T. Yeah. You can also follow along in the class. So for those of you that do not have a paid subscription, you can follow along using CL code. Yeah. Codeex and any of

[1:07:28] the others. You can follow along using any of the others. So, let me close all of these. I won't be using them. I'll be using V

[1:07:41] um CL code. I'll be using CL code and would all be using um Lovable. So, before I continue, I want to be sure. Have we all decided on the

[1:07:55] application we'll be using? Have we all decided? If you've decided, you can stay here. If you've decided, you can say yes. So, I'm sure that we've decided.

[1:08:07] All right. I think a good number of us has decided. Now, we've spoken about the Gen AI application. The next thing I want us to do is to create a

[1:08:23] vapel accounts. So remember I told you that if you are building if you're building this application using VS code or cloud code if you're

[1:08:35] not building with loveable you need to deploy yourself if you're not building with loveable you need to deploy yourself and Vel helps us deploy Vasel. yourself and Vel helps us deploy Vasel. Now VEL is a paid tool but it gives you

[1:08:50] generous free T. So you can see I'm currently using a retire for VEL. I'm not using a paid VEL account. So what I need you to do is to go on VEL. Just go need you to do is to go on VEL. Just go on Vel and you'll be able to sign up.

[1:09:06] Let me drop the link on the chat. Be able to sign up and create an account with Barcel. So when we are done building, we are going to deploy our building, we are going to deploy our application using pastel. Yeah. So it's

[1:09:21] application using pastel. Yeah. So it's very very easy. It's very easy.

[1:09:35] I've dropped the chat. I've dropped the link on the chat. So I want you to create a Vasel account. It's very easy. Sign up. You are not

[1:09:47] downloading anything with Vasel. You're not downloading anything. All you need to do is to sign up. Choose continue with GitHub and authorize. Sign up. Choose continue with GitHub and authorize. Now, if you do not

[1:10:04] have a GitHub account, you won't be able to continue with GitHub. So, you need to first create a GitHub account. Apologies. I would have told you to do that first. So, let me drop the link for the GitHub account.

[1:10:18] So this is the link for GitHub. If you don't have a GitHub account, create a GitHub account first. If you have a GitHub account, you don't need to create a GitHub account. Just go to Vasel. So this is GitHub.

[1:10:32] If you don't have it, create an account. I already have an account, but if you don't have, click on it and sign up. Click on it and sign up. Choose your username, enter your email, create a password, verify, and you'll have a

[1:10:48] GitHub account. Accounts. After creating a GitHub account, you can go ahead to create a Vatel account. We are not downloading any app. Okay. Which app are you having issues with downloading? Let me know. You see,

[1:11:04] which of the app are you having issue downloading?

[1:11:18] GitHub and I've also shared the link to Vasel for both of them. All you need to do is to to sign up and you would have the account.

[1:11:31] I'm sharing the link. You can scroll up and you'll see the link. So let's do that very quickly. 2 minutes.

[1:11:52] Yes. Vasel. Vasel. This is the link.

[1:12:18] take a pause for one minute and listen to me. Yeah, take a pause for one minute to me. Yeah, take a pause for one minute and listen to me. We've gone through lovable. We've gone through

[1:12:31] the gen AI application cloud code anti-gravity codeex vs code. We've gone through that. Now we are going through GitHub and

[1:12:46] Vasel. We going through GitHub and Vasel. So at this point I expected I expect that everyone already had a lovable account.

[1:12:59] Everyone already has a Vel account. Everyone already has a GitHub account. And everyone has already downloaded and installed the

[1:13:12] generative AI application they will be using. So four things. If you've done all of the four things, can you respond? Let me see. can you respond? Let me see. You've done all of the four.

[1:13:48] done with the four. If you are not done with the four, please do well to catch with the four, please do well to catch up. You need them. If you're not done, up. You need them. If you're not done, please do well to catch up.

[1:14:06] straightforward. The link has been shared for Vatel. All you need to do is sign up for Vel. All you need to do is sign up for GitHub. All you need to do is also sign up. So let's do both of them very very fast. Now after signing

[1:14:23] up for both of them, the next thing I want us to do is download GHub desktop. Download GitHub desktop. Come to GitHub

[1:14:35] desktop and download it. Let me share the link.

[1:14:48] So I've shared the link. You can download it for Windows or for Mac depending on what you are using. Yeah, the the iOS you are using. So let's the the iOS you are using. So let's download GitHub desktop.

[1:15:02] Download and install GB desktop. And don't worry if your other applications are installing just allow them install. We are going to start with lovable and

[1:15:14] hopefully they done they done installing before we are done with lovable. Yeah. So download it and start the installation process.

[1:15:33] All right. I'm sure we are downloading. can move. If you are done with downloading, you can just say done or

[1:15:46] give me a thumbs up. If you are done downloading and you're already downloading and you're already installing GitHub desktop, just give me a thumbs up and or you can say done on the chat.

[1:16:01] and or you can say done on the chat. I say done on the chat.

[1:16:14] good. Now, the next thing I want us to do, remember I talked [clears throat] about database. How many of us remembered that I talked about database, remembered that I talked about database, right? So, I'm going to teach us how to

[1:16:30] we need to get a database. So, you need to sign up. So I want you to do this superbase.com. So click on superbase.com. We are not downloading anything here. We are not installing anything. We are only

[1:16:43] are not installing anything. We are only setting up superbase.com. free. Superbase.com. Go to superbase.com.

[1:16:57] Go to superbase.com. Sign up. Create an account. Sign up. create an account. After signing up and creating an account, click on start your project. Click on start your project.

[1:17:13] I don't have all of the time, so I'm going to be a little faster now. Click going to be a little faster now. Click on start your project.

[1:17:42] All right. So, I already have two projects on superb base. If you do not have any project, you click on new project. Click on new You can select an organization or just give it an organization. Then give it a

[1:17:57] a project name. You can call it post life. Pause life. That's the name of my project. Then give it a password. Give it a password.

[1:18:17] Give it a password. Make sure you remember your password. Give it a password. And make sure you remember your password.

[1:18:34] copying my password. Give it a password. Make sure you remember your password. Copy your password and keep it somewhere safe. Copy your password. Keep it somewhere safe.

[1:18:56] How many of us have done that? After that, select a region. Enable this. Enable this. Then click okay. Select a region and select if you want. Yeah. So then

[1:19:11] create new project. I'm going to click create new project. password. Let me change my password to something stronger.

[1:19:34] All right. So, I have a strong password now. You can select a region closer to you. If you're in America, select America.

[1:19:46] If you're in America, select America. Asia. Asia Pacific. Europe. Europe. So, just select a region closer to you. Then click on create new password. New project. Create new project.

[1:20:07] If you are done, type done. If you are done, type done.

[1:20:20] repeat the last process. All what you repeat the last process. All what you need to do is to click on create new project. New project. Give it a project name. I called this

[1:20:36] give it a project name. After giving it a project name, give it a password and a project name, give it a password and select a region. Right? So I hope we are done doing that. All right. So now let's leave it at this

[1:20:52] point. Let's leave it at this point. If you are done with all, if you're done with everything we spoke about, if you're done with everything we spoke about, type done. If you're done with everything, you're done with all of the

[1:21:05] installation. Done with all of the installation.

[1:21:20] installation. So the last installation I want us to do

[1:21:32] NodeJS that's the last installation I want us to do to install NodeJS. want us to do to install NodeJS. NodeJS is what does the

[1:21:48] any of the genai would need to build. So you can do nodejs.org nodejs.com.org then you download it.

[1:22:05] Download NodeJS I already have NodeJS downloaded. Yeah. So you just download downloaded. Yeah. So you just download download it run the installer and accept the default the default. So download NodeJS and install.

[1:22:36] need to download it anymore. So download NodeJS NodeJS and install.

[1:22:50] If you've downloaded it, install it. If you've downloaded it, install it.

[1:23:05] you've installed, you've downloaded and installed PS um NodeJS. NodeJS, say done on your chat.

[1:23:30] actually been installed. That's how to check if NodeJS has actually been installed. You can come to your command prompt or PowerShell or Terminal for Mac user. For Windows users, you can use command prompt or

[1:23:45] PowerShell. For Mac users, you need to use your terminal. Now on your terminal, you can see my terminal. All you need to do is type

[1:23:59] node double dash then version. You type this. It will tell you the version of node you have. This is a proof that you have node in your laptop. So do this and confirm that you've

[1:24:12] installed node. Do this and confirm that you've installed node. So if you've done this and you've installed node then we can now move on to the third phase where we build with

[1:24:30] We'll build with lovable. So let's confirm. Let me be sure that we are all confirm. Let me be sure that we are all together. Are you ready? Can we move on?

[1:25:09] So now let's all come back to loable. Let's all come back to loable.

[1:25:22] you still need GitHub. You still need Vasel. You still also need you need GitHub. You need Vasel. You need Node GS. Yeah. So they are all

[1:25:35] need Node GS. Yeah. So they are all necessary. All right. So let's come back to Lovable. Everybody come back to Lovable.

[1:25:51] Have an interface like this. And we are going to build with lovable. We going to build with lovable. Now what I'm going to do is that I'm going to

[1:26:04] I'm going to build with just one prompt. Yeah. build with just one prompt. Yeah. Because lovable is free or because we are using the free version of lovable, you can't do a whole lot. But I want you

[1:26:18] to see what it feels like building an application with just one prompt. With just one prompt. Right? So that's what I want you to see. So follow me please. Follow me please. Yeah. So I'm going to

[1:26:32] Follow me please. Yeah. So I'm going to copy this prompt.

[1:27:00] take a look at the prompts, let me copy the prompts and paste it separately. I have other prompts, but let's start with this.

[1:27:23] share the prompt with you. I'm also going to teach you how to write a detailed prompt as this. But before that, I want you to um hold on and take a look at what I will be doing.

[1:27:38] be doing. So, one minute.

[1:28:11] I'll share my screen again. Just give me one minute.

[1:29:19] All right. So, I'm sharing my screen again. I hope you can all see my screen.

[1:29:46] All right. So now this prompt I will be using is a very detailed prompt. The prompt we'll be using is a very detailed prompt. Now like I said if you give it a vague prompt you get a vague app. So every prompt I have built has different

[1:30:02] every prompt I have built has different part. It has a role or a goal, right? And this role or goal is where you tell it what are you building and what is it for. I'm sure you remembered this. Then there is a specification. Every page,

[1:30:15] screen and element it should have. Then there is a data model. What information you should store and how you should link them together. There is a behavior. What happens when users act include edge cases and empty state. Then there is a

[1:30:31] design how we should feel in concrete terms. Then there is a constraint what to leave out. I taught you all of this initially. Now this is the prompt I'll be using. Very very detailed prompt. I want you to see what it looks like. Now

[1:30:47] the prompt has a purpose. This is what the app is for. So you can see how detailed this prompt is, right? Pause. Build a complete live audience pooling

[1:31:00] and Q&A web application called post live purpose. Post live let a presenter create interactive pools and QA sessions. Now very detailed as we keep going back it now point to the app has two sides and share one database. Now

[1:31:17] the first side it explains dboard create a pool page pool management page a pool page pool management page presents view. Um then it comes to the audience side it explains again it comes to the data model real time behavior

[1:31:34] to the data model real time behavior design and constraint. Now this is a design and constraint. Now this is a very detailed prompts. This is a very detailed prompts. Can you see my screen? Someone said they can't

[1:31:47] see my screen. Can you see the prompt on my screen?

[1:31:59] All right. So, some people Someone can't see my screen. The font is tiny. What about now?

[1:32:23] All right. So, the first thing I want you to know is how detailed this prompt is. That's the fourth thing I want you to note. How detailed is the prompt now?

[1:32:41] for loveable to generate the application. So I'm going to click on loable. Just follow me for now.

[1:33:19] Someone is asking why not on cloud on claude rather. I'd already explained that we will start building with lovable. I'd already explained we will start building with lovable.

[1:33:35] building with lovable. So, I'm copying my prompts.

[1:33:59] loveable. I'm sure you can see my loveable screen. Let me try to expand it. So this is my prompt. It's a welldetailed prompt. It's

[1:34:12] a welldetailed prompt. It contains the different aspects. It contains the purpose of the app. It contains the presenter side dashboard page. It contains create pool page. It

[1:34:28] contains pool management page. It contains contains full screen view full screen view then public vote page then it comes to

[1:34:41] the data model and real time behavior. Let me confirm everything is captured Let me confirm everything is captured here.

[1:35:07] design. I think I omitted something. Let me check it out. Public audience. Okay. Everything is there.

[1:35:28] Okay. So, this is where I muted it. So, I've sent my prompts. Loveable is now I've sent my prompts. Loveable is now building the app.

[1:36:03] other person can see my screen. So I think you can leave the call and join again. Every other person can see my screen. If you can't see my screen, I guess it's from your end. So you can leave the call and join again.

[1:36:19] Meanwhile, if you can't follow through the call, um, you don't have a problem. This session is recorded. It's also on YouTube. So, you can always go back on YouTube to watch. And all of the documents I am using will be shared with

[1:36:34] everyone of you after this session. Meanwhile, like I said earlier, the learning process does not end there, right? There is a six months learning journey. Yeah. where I will take you from the foundation.

[1:36:50] Yeah. To where you can start building applications yourself and much more than applications, right? Yeah. Where we start building applications yourself and much more than applications. Yeah. So you can um it's it's something that

[1:37:06] would help you in your career. Yeah. It's something you need to join. So I'm It's something you need to join. So I'm going to share a link again. Okay. I won't share a link. Let's come back here and let's watch. So

[1:37:19] now it's building. Remember we said you define you direct and claude or loable builds. So what's happening here is that the building is taking place. We are

[1:37:33] going to wait for a few minutes and it will be done building. Yeah. So you can try this yourself. You can try this yourself.

[1:37:51] it will look like and you can do something interesting. in lovable. So what you do in lovable is to create a lovable account. Do you have a lovable account? If you have a lovable account, what you need to do is to paste

[1:38:07] your prompt. So this is what lovable looks like. It has an interface where looks like. It has an interface where you can chat. If you've used chat GPT before then you can use loable. The way you chat with chat GPT is how you

[1:38:22] provide prompts for lovable. But what we are doing here is that we are using a much more detailed prompt, a very very long prompt, right? Because we are building an app. We using a very very long prompt. So I want us to you can try

[1:38:38] this out yourself. So all you need to do is to copy the prompts. All you need to do is to copy the prompts and paste in love and it will prompts and paste in love and it will begin building like this.

[1:38:53] begin building like this. Can you see my screen? Can you see my screen? All right. So my screen is visible.

[1:39:16] little by little. I can see several questions. Some of the questions will naturally answer themselves as we continue. Yeah. So, I want you to take a continue. Yeah. So, I want you to take a step back and let's walk through it step

[1:39:31] by step. Right. The question of what the difference between lovable and claude in outcome and results. I've said before that loable automatically deploy the app

[1:39:43] itself. Claude does not deploy the app itself. You have to deploy your app if itself. You have to deploy your app if you get to use claude. Right? That's why we downloaded GitHub. That's why we sign signed up to GitHub.

[1:39:58] And that's why we downloaded we signed up to Vasel. Superbase is the database we'll be using. That's why we signed up. So we are going to do all of those things. I hope you get that. Yeah. Now can you see

[1:40:14] hope you get that. Yeah. Now can you see the app? But can you see something here? Zero credits remaining today. Zero credits remaining today. So what it means is that if I want to make an

[1:40:30] upgrade to this app, I can't make any upgrade anymore. Yeah. I can't make any upgrade anymore. Yeah. So I just what I wanted you to see with loveable is how wanted you to see with loveable is how you can give it one prompt and it will

[1:40:45] build the application for you. When we move on to v um cloud code because I have a paid cloud code account, we won't stop at one prompt. We are going to

[1:40:57] refine the app, refine the app, refine the app until the app becomes much more the app until the app becomes much more better. So

[1:41:34] link in the file in the chat just in case you struggling. Now we have the app. The next thing I want to do is to publish the app. So I'm going to click on publish. So what publish does is that it allows you publish the app so other

[1:41:51] can use it and it's called instant vote share but let me change the name I'll call it post live I'll call it live so that's the live I'll call it live so that's the name now with loable this name already

[1:42:06] ex this name already ex okay let's say Pause

[1:42:25] Someone said we should call it costly lively. Let's see if this name is free. All right, that name is free. Yeah, now the link does not get expired once you published it. Is out there. If you have

[1:42:41] published it. Is out there. If you have a paid domain name, you can include a paid domain name, but you need a paid account to use a paid domain name. So, account to use a paid domain name. So, let me continue. I'm going to continue

[1:42:54] let me continue. I'm going to continue and I'll continue. There are critical issues. I don't think I want to address them. Yeah, all of I want to address them. Yeah, all of these issues were intentional.

[1:43:07] All of these issues were intentional. So, I'm going to just ignore them. So, I'm going to just ignore them. They were intentional.

[1:43:46] I don't have any issues there. So let me publish our app so we can all use. Now the app is going to be published and when the app is published we can use the

[1:43:59] when the app is published we can use the application. before today? Can you type yes on the chat? You've never used lovable before

[1:44:11] chat? You've never used lovable before today. before today, Lovable is one of the easiest way you can build, right? I

[1:44:25] think a lot of people have never used Lovable before today. Lovable is one of Lovable, you don't need to bother about deployment. Yeah, you don't need to deployment. Yeah, you don't need to bother about deployment and with lovable

[1:44:39] your co your credit gets to reset every day. So every day you are giving five credit. Every day you are giving five credit and you get to use. So it's published now. So this is what our app looks like.

[1:44:53] This is what our app looks like right now. We don't have a pool. Let's test it. Let's test it and see if it will work. So let's ret soon.

[1:45:24] I'm going to put the link in the chat. Okay, this is the question.

[1:45:48] Let's try and see if this app works or not. Okay. So what I want everyone to do, scan this code.

[1:46:07] Scan this code. If you can see my screen, scan this code and vote. Scan the code. You can either can the code or use the

[1:46:22] You can either scan the code or use the Yeah. Can you see what's going on?

[1:46:34] Can you see what's going on? So, we can see the number of people that has filled that's installed and the number that has not installed.

[1:47:01] application, right? And we just use one prompt. Yeah. Very basic application. We prompt. Yeah. Very basic application. We just use one prompt.

[1:47:18] refined it, but you can see that it's working. Right. So if I close the voting, you can try voting. Can somebody try voting? Let's see. I've closed the voting. Try voting and let me know what

[1:47:33] voting. Try voting and let me know what you are told. I've closed the voting. Now can you try voting and let's see what you are told.

[1:47:56] close voting, it pivoting. So that's because there is still a whole lot of things we need to fix. Yeah, but the app is live. The app is running and it's working fine. I hope you all get this now. Yeah.

[1:48:13] fine. I hope you all get this now. Yeah. So this is basically how it works. we are going to do I think someone is opening it. If I close it, someone opens

[1:48:26] it. So what we are going to do is to build it with CL code. However, we are not going to stop at one prompt. We not going to stop

[1:48:38] at one prompt. We are going to refine it and refine it and refine it to get better. you're going to refine it and refine it to get better. So we had a

[1:48:51] refine it to get better. So we had a total of 120 votes and total of 120 votes and 72% of those person that installed 28% has not. We've built an app right without writing a single line of code.

[1:49:06] It can be as basic as this and it can be as complex as complex can be. Do you get this? If we come back here, this is already registered. You can open another

[1:49:18] pool and make it a question and answer and say ask me um just make it any any any basic question and we'll be able to answer or ask question. Now this app is live deployed.

[1:49:37] You can share it and anybody can use it. Now, how many of you have been able to build yours? How to publish? Click on publish. Follow all of these steps and you'll be able to publish.

[1:50:12] The pool is closed. So, it's not responding right now because the pool is closed. You can see closed. So, it's no longer responding anymore. Do we all get this? Can I get feedback? Can I get feedback in the chat?

[1:50:39] Now this is with a free account with a paid account. Obviously you can do more paid account. Obviously you can do more than what we can see now. Yeah. So you than what we can see now. Yeah. So you can try this yourself. You can try this

[1:50:51] yourself. How many of you tried it? How many of you tried it? How many of you tried it? Tried it yourself.

[1:51:15] You can remove the watermark of lovable except you are using a paid version. If you're not using a paid version, you can't take off the watermark of loable. can't take off the watermark of loable. Yeah, this is

[1:51:30] you can see that they all looking very the same just different because we all use exactly the same prompt because we all use exactly the same prompt. If we use different prompts, we'll get different options. We get different

[1:51:46] output rather. Right? So now I'm going to pause on this and we'll take a short break. Then when we come back from the break session, we are now going to transition to building with claw code. We're going

[1:52:03] to transition to building with claw code. So are we all good? Did we all follow through till the end? Did we all follow through till the end? Those

[1:52:23] through till the end? You can comment comment in the chat. So, I'm going to hand over to Anna before we go on the break session.

[1:52:38] Yeah. And I will stop sharing my screen.

[1:52:52] great. I think the lovable version itself uh of the application looks itself uh of the application looks amazing and I'm sure the clawed version that you're going to show us in the next uh um you know part of the build is just

[1:53:04] going to be a lot of levels higher. So uh very excited for that. So um everyone uh very excited for that. So um everyone we can take like a quick um 10-minut we can take like a quick um 10-minut break. I am just going to start a timer.

[2:01:07] Okay, I hope everyone is back now. Just a quick show of thumbs up or you can type yes on the chat if you're back. Great. Awesome. Awesome. Okay. So, I see in the chat that some of you are um you

[2:01:21] know are building along with us and sharing the um you know link to the published uh version as well which is which is absolutely amazing to see. Um but uh let me just like you know recap what I told in the beginning that we

[2:01:35] have a contest that's going to happen at the end of the workshop. we will um you take a screenshot of what you have built and you can share it with us and we'd be um you know we'd be going through them

[2:01:48] going through all the submissions and selecting the top three to feature on our social media. So um please do ensure to do that. Um lot of links coming in about like a dozen of you have already shared which is which is amazing to see.

[2:02:03] And uh yes uh quick recap there is an ebook um you know that um that that ebook um you know that um that that compiles uh amazing prompts um that can be used across every job function and we have put together as a put put that

[2:02:20] together as a giveaway for all of you who stay with us uh through the workshop. So that is um you know something that uh you can look forward something that uh you can look forward to and um like we said the professional

[2:02:32] certificate program in AI and machine learning from the Michigan engineering professional education is something that we're going to exclusively preview in um we're going to exclusively preview in um you know the next uh few minutes and um

[2:02:44] there are some exclusive discounts that you get as a workshop attendee so please you get as a workshop attendee so please do stay tuned for that as well and uh yes uh I think Solomon If you're if you're here uh back with us, then you

[2:02:57] can um carry on for the second part of the build. Very excited to see now what version that um Claude is going to build as opposed to what's um been done with love. Over to you. >> Yeah, thanks Aa

[2:03:13] and yeah. So guys, welcome to the second session. In this session, we'll be building with Claude. What we saw with Lovable was just um you building with one prompt, no refining, no updates, just one prompt and we got a

[2:03:29] working application. What we'll be doing it with um CL code is that we are going to be building with more than one prompt. We are going to make refinements. Yeah. We're going to make upgrades so that at the end of the day

[2:03:44] we'll have a much more um beautiful application. Right. Yeah. So we are going to get started now. The first thing I want us to do is to go to superbase. We all created a superb base account. I'm going to be sharing my

[2:03:59] account. I'm going to be sharing my screen now. So I'll share my screen. So let's all go to superb base and would post paste

[2:04:13] something on the chat for us for us to all copy. Yeah, would use that in the all copy. Yeah, would use that in the super base. So go to super base, click on the project you just created, we all created Paul live. So click on

[2:04:31] pause live. Click on pause live. When you click on pause live, let's stop sharing our previous application. We are moving forward now. So if you build yours

[2:04:46] um let's not share it anymore. Let's move forward. So what I want you to do is to copy and paste. So when you come to your copy and paste. So when you come to your app, click on SQL editor.

[2:05:01] app, click on SQL editor. You click on SQL editor. You'd have an interface that looks like this. I'm going to show you what you would copy and paste. Okay. One minute.

[2:05:14] It's been shared already with you, but I'll just order butress it. Yeah.

[2:05:36] We are going to paste it here. It's an SQL query. and SQL query. Can you see my screen?

[2:06:01] you my screen. Can you see my screen? Confirm me if you can see my screen.

[2:06:13] document shared with you is post code. Yeah. So what I want you to post code. Yeah. So what I want you to copy is this. Come down to this. Copy all of this. Up until this point

[2:06:27] Up until this point up until this point of that. Then I'll show show you where to paste it.

[2:06:40] to paste it. Let me turn off my video to prevent lag.

[2:06:54] All right. So, this is what I want you to copy everything in the green pan or to copy everything in the green pan or Yeah. So, copy it.

[2:07:10] um superb base requirement separately in a document um in the chat so that like >> Oh, that's great. >> You know, refer to >> Yeah, just the superbase requirement is separately. Yes.

[2:07:24] >> All right. So, let's copy this. Let's copy this. So let me know once you are done copying it

[2:07:50] When you copy paste it here. of these. All of these ones are comments. All of these are comments. So

[2:08:02] what's happening here is that it's creating tables if table, option table, creating tables if table, option table, votes table, questions table and so on and so forth. Now what happened was that when we built the application with

[2:08:15] lovable, lovable automatically created this, right? So now we are manually creating it. Now, the reason I'm showing you this is to make it practical and so you can see what's going on under the

[2:08:30] hoods, right? CL can do this for you. You can provide all of the necessary information and CL can do it for you. Yeah, but I wanted you to see what's going down underneath. So, when you do this, run the code.

[2:08:47] So, when you do this, run the code. When you do that, just click on run. When you do that, just click on run. And you see success, no rows created. Success, no rows created. So if you've done up to that point, can you click?

[2:09:02] done up to that point, can you click? Can you let me know? You've run it and Can you let me know? You've run it and you have this. How many of us have done that? Can I take feedback?

[2:09:30] >> Okay. How many of us have copied, pasted, and you've run? How many of us have done that? Anna posted a link. Let me copy and paste

[2:09:47] posted a link. Let me copy and paste again. follow. So, I've copied and pasted again.

[2:10:00] So, run it. Make sure you copy everything and paste it. Make sure you everything and paste it. Make sure you copy everything and paste it.

[2:10:37] I think it has succeeded for some person. So, I'm going to drop this for you and you can

[2:11:16] um try using this try using this link I just pasted now try using this link I just pasted now let's try it and let's get it done

[2:11:32] so if you done this. If you copy the query, paste it here. You'll have to query, paste it here. You'll have to click on SQL editor, paste it within this interface and click on run. You should see sorted no rows created. What

[2:11:48] it has done is that it has created tables that created tables. These are the tables it has created, but they are all empty tables. That's why it says no rows created because they are all empty tables. So it has created tables but

[2:12:05] they are all empty tables. How many of us have done this? All right. Now the next thing I want you to do is come to connect. Click on connect. We are going to copy something. It's very important. Click on connect. Select react. Under

[2:12:21] Click on connect. Select react. Under framework select react. And after selecting react, copy what you see here. Copy it and keep it somewhere see here. Copy it and keep it somewhere still. We are going to need it. Copy it.

[2:12:36] Keep it somewhere still. We are going to need it. So, how many of you have done up to this point? You've done up to this point.

[2:12:53] Let me repeat. Click on connect. Click on connect. Click on under framework. Select react as the framework. Select react as the framework. Then copy

[2:13:07] Select react as the framework. Then copy this. How many of you have copied? If you copied, type copied. copied, type copied. You copied. Type copied.

[2:13:44] So after doing all of these things, we now come back to claude. So if you are using cloud you can use cloud. If you're using VS code you can use VS code. If you're using CHP you can use if you're using CL VS code anti-gravity codeex you

[2:14:00] using CL VS code anti-gravity codeex you can use any of the different interface. But now this is what where we are. Now before we get started, you come to your

[2:14:12] your file explorer and create a new folder. Create a new folder. I want to create my folder where I have this.

[2:14:25] folder where I have this. Create a new folder and Create a new folder and a folder. Call the folder P life. Yeah, call the folder post live

[2:14:40] Yeah, call the folder post live and That's the folder. I've created the folder. Then I'm back to loable.

[2:14:56] So um cloud code. follow me. We have a whole lot of things to do so that we can catch up. I said

[2:15:12] click on connect under framework. Select React.

[2:15:24] here. Copy this. Yeah. Come here and copy this. Copy it. Yeah. Come here and copy this. Copy it. Keep it somewhere safe. We are going to need it. Are we all together? Those of you that were asking where are we

[2:15:39] you that were asking where are we copying from? all right. So, now we after copying create a folder called slide. You can

[2:15:54] create a folder anywhere you want on your laptop. Create the folder called post live. Now if you have created the folder and if you're using CL code if you're using CL code you have to select that folder under CL code

[2:16:12] select the folder. So I'm going to look for that folder and I would select that folder. So this is the folder I select it. This folder is completely empty at the moment. This folder is empty. It's an empty folder, but that

[2:16:28] empty. It's an empty folder, but that where I want it to build the repository. where I want it to build the repository. So all of the code that cla build, it will be built within this folder. That's for those using CL code. If you are not

[2:16:42] anti-gravity, you do something similar. Add context. you do something similar. Add context. Um,

[2:17:02] you can open the IDE. I have the ID. I have the ID. The ID is what we'll be using.

[2:17:15] open the ID. Okay, this is the ID. It's trying to load it up. Yeah. If you're running VS Code, I'm going to show you how to do that. I'll going to show you how to do that. I'll be showing everybody how to get started.

[2:17:29] Yeah. So, while I wait for integravity, if you are using codeex, you do the same thing. Yeah. If you're using codeex, new chart, because I've been chatting things, it had my previous repository. I'm going to

[2:17:47] choose a new project. I'll still go back and choose that empty folder. I'll go back and choose that empty folder.

[2:18:00] folder. I'll choose this. I'll choose this. So that's the folder. This is for codeex. This is for codeex. If you're

[2:18:12] using anti-gravity, they all pretty the same. They're all pretty the same. So this is what anti-gravity looks like. Anti-gravity looks similar to VS Code. So if you're using

[2:18:27] anti-gravity, you come to file and click on open folder. Open folder. Then you look for that folder folder and select it.

[2:18:42] and select it. So for anti-gravity

[2:18:55] VS code is still the same thing. Click on file and click on open folder. Look for that exact folder and select it. You can see the folder is empty. So the beautiful thing about VS Code and anti-gravity is that they allow you see

[2:19:09] the folder. Yeah. They allow you see the folder. CL code does not necessarily do that. Um codeex also does not necessarily do that. Yeah. Okay. You can

[2:19:21] necessarily do that. Yeah. Okay. You can see yeah can see the folder it's [clears throat] completely empty. So based within this empty folder we will based within this empty folder we will now start building the code by passing

[2:19:33] the different prompts to claude. Yeah. So if you're using cloud, if you're using anti-gravity, if you're using VS code, any code, any of the IDE or um Gen

[2:19:46] AI applications you're using, all you need to do is to copy the code. Somebody said, why do we need the folder? We need a folder because we need a house kind

[2:19:59] of. It's called a repository. We need a repository where all of the file, all of repository where all of the file, all of the code that will be used to build this app will live. Yeah, we need it. After this webinar, I do not have time so I

[2:20:16] will not be able to look at it. After the webinar, um our host will share a the webinar, um our host will share a document with you. I titled the document cla I titled the document architecture. What the document does is that it

[2:20:30] explains to you what the architecture is about. Yeah. So it's going to give you about. Yeah. So it's going to give you an insight into all of the architectural design. Yeah. I don't have time to do all of this but you will get this

[2:20:42] all of this but you will get this document. Yeah. You get this document at the end of the day. So create this. Now we're going to paste the first prompt. We're going to paste the test prompt. After pasting the prompt, we are going

[2:20:56] to let it build. After pasting the prompt, we going to let it build. So, I'm going to copy my prompt and paste. Um, the host would also share the link to the prompts I would be using. So, you can copy your prompts and paste. So,

[2:21:13] before I move on, let's confirm. Are we all together? Are we all together? Are you at this point with me?

[2:21:46] are good. So, I'm going to copy the prompt. We'll take it one prompt at a prompt. We'll take it one prompt at a time. One prompt at a time. Yeah. You'll be sent the the guide at the end of the day. Yeah. So, just ensure you stay

[2:21:59] through to the end of the web or the hack the build build so you get the hack the build build so you get the the document or the guide. Yeah. So, um,

[2:22:11] the document or the guide. Yeah. So, um, Anna, can you please share the can you please share the the documents so they can get the prompts? Yeah. Can you please share the documents so they can get the prompts?

[2:22:33] has been shared. Yeah. So, all you need to do is copy that document. I'm going to be showing you the prompt one at a time. I'll be using mine on my local device. You can copy yours from the chat. So, take it one at a time. We take

[2:22:49] it one at a time. We take it one at a time. It's very detailed. It's very very detailed. The first prompt would be to build the initial application. That's the first prompt. So, I'm going to um copy and paste some of the things I've

[2:23:05] said before. I would not have to see them again so that we can maximize our time. So we already know the application we are building and I've told you about the different anatomy the role and all of this. So this is the first prompt

[2:23:21] right similar to the other prompt I used. The difference is that in this used. The difference is that in this prompt I already built my database myself. So all I need to do is to copy this prompt. It's called prompt one. I

[2:23:35] have like eight different prompts here. So I'm going to copy this prompt. So I'm going to copy this prompt. I'll copy it. And once I copy it, I would paste it into CL. Now CL will start working. I'll paste it

[2:23:50] Now CL will start working. I'll paste it into CL and CL will start working. So copy your bronze and also paste it. You can paste that in front into codeex. Can paste that front into codeex. You

[2:24:06] can paste that same front into um anti-gravity. So whichever um generative AI application you are using, you can paste that prompt. So paste the

[2:24:19] prompt and hit the run button. For me, I'm using VS CL code, so I won't be um clicking the other prompts. But I would love to show you something while it views. So append I reviewed. It's already working on it.

[2:24:36] Yeah, it's already working on it. So remember the folder was initially empty. This is the folder. Remember the folder was initially empty. So after it's done building, we are going to come back to check this folder.

[2:24:53] At this point, it's initially empty. You can see now it's now being populated. Different files are now being created. Different files are now being created. At the end of the day, there will be several list of files, right? File,

[2:25:10] folder, and so on and so forth. That's why we created this folder. Someone asked me why do we need a folder? I'm sure you can already see why we need a sure you can already see why we need a folder. Yeah, you can use VS code as

[2:25:25] well. You can use VS Code. Just copy and paste in VS Code. Just copy and paste in VS Code. Let's come back here. This is the project code. So in VS Code,

[2:25:37] exactly the same thing we did. If you've pasted, just allow it to work. In VS pasted, just allow it to work. In VS code just come here click on open file code just come here click on open file open folder rather select the folder

[2:25:52] open folder rather select the folder this is the folder select the folder and pass the prompt select the folder and pass the prompt. You can see it's pass the prompt. You can see it's already building. It's already building

[2:26:05] right. It's already building. This folder was empty but it's already writing code. If we click on them, we already typing codes. Yeah, if we click on them, we can already type in codes,

[2:26:20] configurations. Yeah, it's already building several things in here that we can already see. Yeah, all of these are codes that are already been written. All of these are codes that are already been written.

[2:26:34] Very soon, our application will be live. very soon our application would be live. very soon our application would be live. So I hope we're all following right. So So I hope we're all following right. So I'm going to be using VS um

[2:26:49] cloud code then I'll be using VS code to show you what's going on. So these are the different applications. If you go when you are given the architecture di documents I included a diagram within the architecture documents that explains

[2:27:05] all of these different files. in the folder, right? Even if you're not going to be writing the codes, it's very nice if you have an idea of what is happening. So that's why I included the architecture document. Yeah. So it's

[2:27:21] still working. Yeah, it's still working. Don't forget this is the first prompt. It's still working. How many of you have pasted your prompts? How many of you pasted your prompts? How many of you have pasted your prompts?

[2:27:34] How many of you have pasted your prompts? All right. So, it's still working.

[2:27:53] keep looking at it here, we keep seeing the different files that are being created that did not exit before. We keep seeing the different files that have been created that did not exit before. So it's already creating the

[2:28:07] application. It's already you can see all of these code. Yeah. Can see all of these codes. Everything is taking shape. Everything is already taking shape. So

[2:28:23] So it's working. Remember there is something we copied from right? We copied something from superbase. What we've copied from superbase, we are going to use it very soon.

[2:28:46] All right. So, I hope you're all learning something new today. I hope you're learning something new today.

[2:29:03] following. Right. So, like I said earlier, this is just the tip on the iceberg.

[2:29:15] There will be a whole lot of things when we get into the six month class, right? Yeah. I will be taking the class personally. I've been an instructor. Yeah. One of the things about learning with simply learn is that you are not

[2:29:31] sent pre-recorded videos. You have to you get the opportunity to interact with you get the opportunity to interact with your tutor. Yeah. In this webinar um we are currently about 300. We currently about 300. Yeah, that's large. I can't c

[2:29:48] to everyone's need. Yeah. But in class we are not that large. Right. In fact, I'm currently teaching we are just about 40 50 there about a more smaller group.

[2:30:00] 40 50 there about a more smaller group. I can cut to your need. I can cut to your need and we also have a closed um Slack channel where I can

[2:30:12] also cut to your need. Right. Yeah. And I'm going to teach you all of the basic things. Yeah. The foundational things you need to know. Yeah. So this is me saying it will be nice to get yourself on

[2:30:27] boarded right and at the end of the day you get a professional certification that is well recognized from Metkan University. Yeah it's not just a roadside certificate. it certificate that when you put it out

[2:30:43] there it's recognized and beyond your certification beyond your certification certification beyond your certification you would also get a a portfolio. A portfolio is basically um all of the projects you've worked on before the end

[2:30:59] of six months. If you are diligent and with the help of me the instructor, you would have done a minimum of six project. No, not eight, a min a minimum project. No, not eight, a min a minimum of eight project, right? And we also

[2:31:14] have elective courses. Yeah. Taken also by industry professionals. Yeah. where you will go deeper even beyond what I will be teaching you. Yeah. So it's a will be teaching you. Yeah. So it's a whole lot of package packaged into the

[2:31:29] period of trading. Yeah. I'm using the time while this is building just to let you know that there's a limit to what we can do within a 4hour builder. Yeah. And

[2:31:42] also inviting you to the learning journey. Yeah. It's an exciting exciting journey. Yeah, like you can already see today, it's an exciting journey. So, I today, it's an exciting journey. So, I would be looking forward to um seeing

[2:31:57] you in class and to holding your hands. Yeah. And one of the beautiful things about the training program or the program is that you are allowed to make payments in installments, monthly installments. I

[2:32:14] will speak more on that later. Yeah. But this is like the tip of what you get to do. Today we didn't do a whole lot of do. Today we didn't do a whole lot of theory. We dived into the building.

[2:32:26] Yeah. You'll be able to build but when you come to the class you'll be grounded in the theoretical stuff that is required. Yeah. And that is what is really really needed and that's what will set you apart from just um every

[2:32:42] other person out there. Right. Yeah. So again, I'll be looking forward to seeing again, I'll be looking forward to seeing you in one of my class um anytime soon. I'll be looking forward to seeing you in one of my class anytime soon. And yeah,

[2:32:55] I can assure you that it's it's a it's going to be a great learning learning experience. Yeah. So do well to join the class. Join the next cohort. Yeah. Join join the class. Join the next cohort. So let's wait for this. This is building. A

[2:33:10] whole lot of building is going on. Meanwhile, let me even tell you if you were to write this line of codes yourself, take a look at this. Take a look at this. Let's let's try to track it and let's try to see if we can count

[2:33:25] it and let's try to see if we can count a line of code that has been written. a line of code that has been written. This is an image, not a line of code. This how many line of codes do we have here? You can see.

[2:33:41] Yeah, you need to write all of these things yourself. Yeah. So, what we are going to build in less than 20 minutes, 30 minutes. You can take days and even weeks building them. You can take days, you can even take weeks building them.

[2:33:57] You can take days deborging, finding out issues, trying to fix and so on and so forth. So, this is where prompt engineering comes in. This is where building with AI comes in. This is where V coding comes

[2:34:18] like I said earlier the building C or the entry C has been reduced drastically. Yeah it's been reduced drastically. So there's a whole lot you can now do. Yeah. From building with lovable to building with CL code to

[2:34:31] building with codeex to building with anti-gravity and so on and so forth. So yeah. So, it's still building. It's still building. And this is just one prompt. We're going to refine this.

[2:34:51] Okay. Someone is asking me to use dark mode. mode. Dark mode. Where is my dark mode?

[2:35:22] database? So, we can change. All right. For the database, you can go to the database and always make your change. You can go to the database and always make your change. This is the database

[2:35:36] make your change. This is the database right? So we can always come here to make the change and always come here to make the change. This is where we write is the editor. So every time you want to make any edit on your database you come

[2:35:50] make any edit on your database you come to superbase and make the change on your database. I hope I answered you. All right. So cloud code has a feature. CL code has a picture similar to what we saw on similar to what we saw on loable.

[2:36:08] loable the app on loable loable allows us to see what has been built even before we publish it. Now CL code have a similar

[2:36:20] publish it. Now CL code have a similar feature. It's called preview or yeah it was initially called preview. It's now called browser. So cloud code is able to open what it has built itself.

[2:36:33] Is able to open what it has built itself. So this is it's currently previewing it now. It's currently previewing it now.

[2:36:47] if there are error. Can see the app is already being built. The app is already being built. So it's is troublesooting. is troubleshooting itself. It's checking to see if there are any errors. It's checking to see if

[2:37:01] there anything it needs to fix. Yeah, it's doing that itself.

[2:37:14] asking if you can use Oh, dark mode for this. Do I have a dark mode?

[2:37:44] Someone said, "I have a doubt." What's your doubt?

[2:38:01] It's still building. Now, what it did was after it builds, it checked itself to see if there are things it still needs to fix. And after checking it,

[2:38:13] it's going back to fix. Yeah, it's going back to fix. If there are issues, I can still point out the issue to say, I need you to fix this. I need you to fix that. Yeah. So, but it's currently checking it out.

[2:38:28] out. It's currently checking it out. it's built already. It's built already now.

[2:39:08] All right, guys. So, are we together?

[2:39:23] it's done creating, it's done, um it's done building the app, but this is not the end. Now, remember I asked you to

[2:39:35] remember I asked you to copy something before, right? Remember I asked you to copy something before. So if you copied from um I ask you to copy if you copied from um I ask you to copy from

[2:39:52] superb base if you didn't copy copy again so this is superb base click on connect and copy this so when you copy this

[2:40:05] and copy this so when you copy this click on connect select react and copy click on connect select react and copy this when you copy this um create a file the folder where you have that file where you where you the empty folder we

[2:40:21] created before so create a file and call it um I think the easiest way is to do it um I think the easiest way is to do it on VS code if you're on VS code yeah if you're on VS code or anti-gravity just click on dot file and call the name

[2:40:38] just click on dot file and call the name of the file dot E N V dot E N and V. So you have something that looks like this. You have something that looks like this.

[2:40:51] You have something that looks like this. And within your env file, paste what you copied. This was what we copied. Paste what we copied. Then save it. Then save it. If I come back to my folder, I have av file. I've pasted what I pasted

[2:41:10] is the URL and the publishable key. So what this and the publishable key. So what this does is that it allows my app to connect does is that it allows my app to connect with VS to connect with my database. It

[2:41:24] allows my app to connect with my database. So create the env file database. So create the env file envir.

[2:41:47] No file extension. No file extension. Just env. Yeah. So env. Yeah. How many of you have created that? You've created your env.

[2:42:16] right come to the folder and click new come to the folder and click new click new click on text document

[2:42:28] click on text documents and say Um, okay. Just click on text documents, open it.

[2:42:50] Paste what you copied. Right. Paste what you copied and save our you copied and save our save. Then the name call it env.

[2:43:08] save at all. Env save as all. Then click okay. I Env save as all. Then click okay. I already have an aenv there before. So it can just replace it. So if you come here that is a env. So I hope you follow. How

[2:43:25] many of you have created your we've created? Can you say created

[2:43:51] if you come back here you'll see that we have a prompt two I I gave you the steps here if you come back here we have a prompt two now the prompt two say install the dependency and start the server so I can preview

[2:44:06] and start the server so I can preview the app in my browser so if I copy this and paste it here.

[2:44:23] it's going to start the app. Let me close all of this.

[2:44:41] I've told you how to paste the code the the the prompts. Paste the prompt and run this icon. If you need to create your env file here, then follow through.

[2:44:56] Did you paste the first prompt? If you pasted the first prompt, then you need to copy the second prompt and paste after creating your env file. after after creating your env file. after creating your file. So, um it's asking

[2:45:11] creating your file. So, um it's asking me to allow. So, I'll allow it.

[2:46:06] one, allow it to get done with prompt one.

[2:46:36] is now live. It's not live yet. It's local. So, I'm going to open it on the browser. So, I'm going to just copy this link and let's see the first version of app on the browser.

[2:47:01] So this is the first version of the app on the browser. Now how many of us on the browser. Now how many of us followed me up to this point? You followed me up to this point. You can say yes. You can give a thumbs up. I

[2:47:13] want to see and I want to know how many of you followed me up until this point. Now if I create a pool right I can Now if I create a pool right I can create a pool but you won't be able to

[2:47:28] connect with it because this is local. So let me create a pool. Let me say I'll call it lovable build. a quality of view and I'll say what

[2:47:45] was your experience

[2:47:58] love and I'm going to make it an open question if I create pool question if I create pool now if I create pool you'll see this I want us to try something. Can you try scanning?

[2:48:12] scanning? Can you try scanning? If you scan the you won't be able to Let's try it and see. Scan.

[2:48:33] The app is local. The app is local on my on my laptop. So, you won't be Yeah. you won't be able to access it because the app is local on my laptop. You won't be able to access it. It's local on my laptop. Yeah. So that's

[2:48:46] where deployment comes in. If we don't deploy the app, the app will remain local on my laptop. So for us to be able local on my laptop. So for us to be able to use it, we need to deploy it, right?

[2:48:58] So I'm going to show you how to deploy now. So that we deploy this version of the app. The way deployment works is that once I deploy any change I make it

[2:49:11] that once I deploy any change I make it will automatically reflect. Any change I make it will automatically reflect. So I'm going to um deploy. Now all of those prompts are captured here before we before we refine.

[2:49:25] Yeah this is prompt prompt B for refining. All of these are for refining. Before we do all of this refining, I want us to deploy so that we can see this app like then when we make the changes, I want us to be seeing the

[2:49:41] changes. So I'm going to come to prompt nine. I'm going to come to prompt 9. Now put the code online and it history. So this the code online and it history. So this is where cloud um GitHub comes in. This

[2:49:55] is where GitHub comes in. So, I'm going to copy this prompt 9 to copy this prompt 9 and

[2:50:07] I'll do two things. I'll do two things. So, I'll copy that prompt 9 and paste it I'll copy that prompt 9 and paste it here.

[2:50:42] So what is doing now is that it wants to create a repository on GitHub for me. I already have a repository on my local device, but it wants to create a repository for me on GitHub. Why do I need a repository on GitHub? I need a

[2:50:58] repository on GitHub so that my code would be online. Then Vasel Vasel is going to fetch my code from GitHub to deploy. So that's why I need to put my

[2:51:10] code online. So GitHub is like the online store or online house where my code lives. Yeah, Vel is going to pick it up from GitHub and deploy. So let me it up from GitHub and deploy. So let me allow

[2:51:31] report the um repository and it's also doing what is called um g ignore. G ignore is to ignore some important files files that contains like the env file we

[2:51:46] created it contain secret that we do not want anybody to see. So I have to ignore it so that it doesn't go public. It stays only in my browser. So this is the

[2:52:02] stays only in my browser. So this is the I allow this is creating that

[2:52:29] GitHub repository is initialized. Now this repository is initialized. It means that I have this repository on GitHub. Let me show you something. This is the Let me show you something. This is the repository I have on my laptop. Right?

[2:52:44] This is the repository I have on my laptop. If I go to GitHub, laptop. If I go to GitHub, I go to GitHub.

[2:53:01] available. You can patiently go through all of this after this class. And if you can follow while I do then you can. So what the name of our app? The name of

[2:53:13] what the name of our app? The name of our app is called P

[2:53:50] So, I'm going to push it to GitHub so I can have it on GitHub. So, that's where my desktop comes in. That's where my desktop comes in. Remember, I told us to download and install GitHub desktop. So

[2:54:06] on GitHub desktop now I'm going to push my code to GitHub. Yes. After you run prompt one, run prompt two then prompt 9. So I'm I'm coming to GitHub desktop.

[2:54:18] On GitHub desktop I'm going to click um file when I click on file. I will click add local repository.

[2:54:30] Click on file. Then click on add local repository. So I click add local repository. I'm going to choose the repository path. That folder I created initially. So I'll go to that folder. This is the folder I created initially.

[2:54:44] I'm going to select it. Then I'll say add repository. So it will add repository. If you can see my screen very very well. Take a look at the bottom part. You will see initial comment commented 3 minutes ago. How

[2:55:01] many of you can see that initial comment commented 3 minutes ago? Maybe I should do this. Initial comment commented 3 minutes ago. So that's the comment we commented 3 minutes ago. That's the comment we commented 3 minutes ago. So

[2:55:18] what I'm going to do is now I'm going to push it to GitHub. So if I publish it, it will go on GitHub. Um

[2:55:30] Um so I publish. would now see it on GitHub. Remember the first time we couldn't see it. So what

[2:55:45] we are doing is that we are publishing it so that it can be live on GitHub. So I have published it now. I've published it. Now if I come back here and check

[2:56:09] live. You can see now we have pause here. We did not have it initially but we now have pause live. So if you take a look at this, what we have here is

[2:56:23] almost exactly what we have here. A few different some things we have here are not here. Like we don't have this, we don't have this. Yeah, we don't have this. We don't have this. They are not here. That's because we ignored them.

[2:56:36] Yeah, we ignored them. So our repository is now live. Our application is now live on GitHub. application is not is now live on

[2:56:48] GitHub. Someone is asking me to repeat the GitHub part. So after you ask CL to do prompt three, prompt nine rather when you do prompt 9, you come to rather when you do prompt 9, you come to this, click on file, open your GitHub

[2:57:03] this, click on file, open your GitHub desktop, click on file, click on add local repository, select the repository path, add it. I've already added it path, add it. I've already added it before. Then click on add repository.

[2:57:17] Then when it's done, you push and you would have it on GitHub. Now I hope you follow through. What I want to do is to publish it so that the app will be live

[2:57:29] and as we keep making changes, you'll keep seeing the changes. So I'm going to now publish it. But before we publish, because I'm using a free version of VEL, I need to change my repository from private to public. You can see that it's

[2:57:46] locked because it's private. So I need to change it from a private repository to change it from a private repository to a public repository. So I can use um basel. So I'm going to click on settings.

[2:58:01] settings. I'm going to click on settings I'm going to click on settings and

[2:58:15] from private to public.

[2:58:31] here change change visibility. So you can see change repository visibility. This repository is currently visibility. This repository is currently private. So if you change it to public I

[2:58:45] want it to be public. I have read and understood the effect. So repository. That's because I'm using a free version

[2:58:58] of VAL. If I'm using a paid version of I can leave it at private. The reason is that if it's public, anybody can clone it to their laptop and use it as their

[2:59:11] project. But if it's private, no one can clone it, right? So because this is a building process just for learning. So I'm making it public. So it's now public. We can now publish it. Publish um deploy each other. deploying it is

[2:59:26] very very basic. All we need to do is to come to Vela. But before I move on, let me confirm again. Are we following until this point? Are we following until this point? You can give me thumbs up. You can

[2:59:43] comment on the chat. Are we following until this point?

[3:00:00] more complicated than VS Code, right? Than um Loveable rather because Lovable handles the deployment and everything. Lovable pushes it to VS Code for you.

[3:00:12] Lovable does the commits. Loveable deploys. Yeah. Everything is done on Loveable. But this is the standard way of building applications. Yeah. So you can see that AI has taken away the coding but you still need to know all of

[3:00:28] these little things here and there. So I'm going to now I'm going to now come to Vascel I'm coming to Vel.

[3:00:40] I'm coming to Vel. So on VLE I want to now deploy a new application. I want to deploy a new application um project. Um click on new. Click on project. Let's

[3:00:56] Um click on new. Click on project. Let's go back. Click on add new. Then click on project. Um Um now you have to select Yeah, you have to

[3:01:09] select this. Um add GitHub accounts. I want to add my GitHub account. So this is the GitHub account. I want to add all repository or only select repository. So

[3:01:25] either of them is fine. If you do all repository will see all of your repository. If you do select repository, what will happen is that you just select the exact repository. So if I come I'll say course

[3:01:42] live. So this is the exact repository. I just select it. Then I install. So it's just select it. Then I install. So it's going to install. Then that repository going to install. Then that repository would be this. Then I can now import it.

[3:01:58] I can import it. Yeah. But before this, I was supposed to send another prompts. But let me just complete this before we wrap it up. So now it get to this point. So there's something I need to do. I need to set

[3:02:15] environment keys, right? I need to set environment keys. There are two ways of doing it. You can enter it yourself or you can import. So if I click import, I you can import. So if I click import, I can just come to this point and import

[3:02:29] this my file. Now why do I need to import that file? I need to import that file because if I do not include those environment variables to backl not be able to interact with my database

[3:02:47] and if does not interact with my database the app would not be functional. So but before I deploy I want to do something before I deploy I leave it here. I'm going to leave it here. and add poly this point.

[3:03:14] respond on the chat. Yeah, you can give me thumbs up. You can respond on the chat. Okay, I see I'm seeing several thumbs up. Several thumbs up. It's raining in like rain. I'm seeing several terms of

[3:03:29] the training in like really. Yeah, like I said initially, this again is just the tip. Yeah, we are just scratching the surface. When we get to class, there's a whole lot of things to learn. Yeah, when we get to class,

[3:03:44] to learn. Yeah, when we get to class, there's a whole lot of things to learn. So, I look forward to seeing you in class. Yeah.

[3:03:59] prompt 12. I want to come to prompt 12 and give it prompt 12. So I'm doing this before I click on deploy. If not

[3:04:12] something might break. So I want to ensure that nothing breaks. come here and give it. This is prompt 12.

[3:04:29] it's also going to push the change. So I'm going to take it out. I'm going to take it out. Let it not commit the change. Okay. Let it commit and push because of want of time. So what happens is that

[3:04:42] when it commits committing is that it logs in the change. it logs it into say logs in the change. it logs it into say I have made this change right but that commit is on my local machine. So when it pushes it that change that was made

[3:05:00] on my local machine will now be pushed to my repository. Remember we have two repository one of them is on GitHub one of them is on my local device. So every time I make a change on my local device I need to commit and I need to push.

[3:05:15] Committing is how the different changes attract. Committing is how the different changes attract. So it will make this then it will commit and push. So

[3:05:27] then it will commit and push. So once it does that I will now go back and um deploy. I'll go back and deploy. I'll go back and deploy. So I hope you're learning. Yeah. And I

[3:05:41] hope you are making up your mind to join me in class very soon. I I'll be looking forward to to seeing your beautiful faces. Yeah. In class. I'll be looking forward to seeing your beautiful faces. Yeah. Getting to know you better,

[3:05:56] getting to hold your hands and lead you through the training process. Yeah. Six months. It's usually very very exciting. We meet during the weekend, Saturdays and Sundays. Yeah. uh we get to teach them some basic thing starting from the

[3:06:13] basics rather starting from the basics building the foundation yeah until we get to this point and one of the things a lot of persons do not know is that there is something called building with AI what we are doing here

[3:06:28] is that we are just building with AI right but in class one of the things we are taught in class is how to build some of these AI models how to build some of these AI models. We also learn how to build AI powered applications, right?

[3:06:45] So, there's a whole lot of things. This is like one of the part of the things whole lot of things we'll be learning in class. Starting from data science,

[3:06:57] machine learning, deep learning, generative AI, all of the things, all of those things are like the cumulative things that brings us up until this point. So again, I'll be looking forward to seeing you in class. Let me allow

[3:07:12] this. Let me allow this. Let me allow this. So um already committed. So committed, it's going to push it by

[3:07:29] itself. Yeah. If I allow it. So I can push it here and I can also allow it push it here and I can also allow it push. Yeah. So if you want plot to do everything for you, that's fine. But sometimes what I do to preserve my

[3:07:43] tokens is that when it's done building, I'm going to come to my GitHub desktop, I'm going to come to my GitHub desktop, commit it myself, and push it myself. So if that pushed, this would no longer be here in a few seconds.

[3:07:58] Yeah. So our application is now ready. You can see no, it's no longer there. Our application is now ready to be deployed. Application is now ready to be deployed. Do I need to be very good UIUX person to

[3:08:13] be in this class? You don't need to be a UIUX person to be in this class. You do not need to be a UIU person to be in this class. Now it asking me do I want this class. Now it asking me do I want it to add a read me. So these steps are

[3:08:27] captured in the repo. Yes. Let should it add a read me? Okay, we'll leave it for add a read me? Okay, we'll leave it for now. So I can now come here and deploy.

[3:08:39] now. So I can now come here and deploy. I can come back here and deploy. So it's deploying. it's deploying. It's deploying.

[3:09:05] So let's This is what the app looks like. Now we are going to do something again. We are going to do something again. Can

[3:09:20] you try scanning this again? Can you try scanning this again? Try scanning it. Let me open voting. Just scan it and see if you can vote.

[3:09:36] Just scan it and see if you can vote. Scan and see if you can vote. Has anybody voted? Okay, you can see hello Sulon.

[3:09:55] Okay. So, you can already see questions, right? You can already see questions.

[3:10:10] All right. So, so it's now working, right? It's now working. So, this is the questions. I'm pres I'm presenting it now. These are the questions.

[3:10:25] are the questions. Okay. So now let me let's come back to let's come back to updating our app.

[3:10:40] Let's come back to updating our app. So remember we have several prompts, right? Um so this has been done. We've also done this. So now let's come here. We're going to copy this. Now this

[3:10:55] is to publish the results. This to publish the result. So I'm going to copy this from three. I'm going to publish this and I'll paste. It's going to build that.

[3:11:10] It's going to build that. So on building I would edit and push. Meanwhile, I want to delete this. It's not useful. So, I'm deleting that. All right. So, it's going to edit. So, let's look at

[3:11:24] what did I ask you to do. Um, improve the life results for multi-choice question. So, it feels polished and clearly like a horizontal bar, one bar

[3:11:36] per option, each showing the option text, the vote count, and the percentage of total votes. Give each bar its own color from a coic palette. Animates the bar the bar wid smoothly

[3:11:50] whenever count changes to new votes visibly moves the bar in real time. Sort bar from the most votes to vote and show the total prominently when there are no

[3:12:03] the total prominently when there are no votes yet. Show no votes yet waiting for the room to respond instead of an empty chart. Use the theme chart in the full chart. Use the theme chart in the full screen present present view

[3:12:17] large. So these are the things we have to do to refine. to do to refine. Now um it's still building them out. Still building them out. Now we have the live app. Then we have the local app.

[3:12:31] live app. Then we have the local app. This is the local app. app now has 45 questions because we have

[3:12:44] the live app. So you can see that it's working perfectly. Yeah. But now we are increasing it. Someone is saying it's showing it shows the in the end of the link. How to change it? Okay. So you can change this if you have a paid domain.

[3:13:01] Yeah, if you have a paid domain but I'll not be able to capture that in class now. So you can say add a domain. Add a domain. So if you have a paid domain, you can add a doain. If you don't have a paid domain, you would have to use that,

[3:13:15] paid domain, you would have to use that, right? Let's do

[3:13:46] you can go ahead and change the name like I've just shown you. So, but let's come back here. This is still working. If we come here, these are all of the changes that are being made. The changes that are being made. Yeah. So, GitHub

[3:14:04] desktop allows you see the changes, commit the changes, and push the commit the changes, and push the changes. So, it's working on it now. Are changes. So, it's working on it now. Are we all together?

[3:14:24] asking for the links. Is there any way you can get to them? we are sure Solomon we will try. Yes. >> All right. All right. So if you're on

[3:14:38] YouTube our host would try to reach out to you with the link and thank you for joining us. Yeah. So you can see what's going on. We are building the app. We've not written a

[3:14:52] building the app. We've not written a single line of code but our app has been single line of code but our app has been built. And it hasn't just been built, it has also been deployed. Yeah. So once we finish building, what I'm going to do is

[3:15:05] I'm going to push it. Yeah. I'm going to push it.

[3:15:28] that's fine. If you don't have basic HTML, that's fine.

[3:15:54] So let's create another. It's trying to create another pool so it can test the create another pool so it can test the change it made. Trying to create another pool. So it can test change it made.

[3:16:41] So, it's working on this. It's working on this. And that's what it's doing. So see this is

[3:16:54] what happens when there are no votes. No votes yet. Waiting for response. votes yet. Waiting for response. No votes yet. Waiting for response.

[3:17:16] It wants to cast votes by itself. If we come here, we see we see the change. This is the local app. This is the second this is the second it created by second this is the second it created by itself. This is second. It's not live

[3:17:30] itself. This is second. It's not live yet on the live app. It's not there.

[3:17:46] he did works. So,

[3:18:26] So, it's still trying to verify that this works.

[3:18:40] the verification smaller um shorter next time so that we can wrap up. Um it's been a long journey and I appreciate everyone of you for staying through till

[3:18:52] this point. Yeah. Again, like I said, this is just the tip of the iceberg. So, this is what's happening. Yeah, this is what's happening. So, I'm going to stop what's happening. So, I'm going to stop it and we're going to just push and

[3:19:05] we'll see what happens. Yeah, going to push and see what Yeah, going to push and see what happens.

[3:19:20] because the live app is connected to the database. So, as the testing is going on, the live app can see. So, I think this is working correctly. So, let me just pause this. Let me just pause this

[3:19:36] Let me just pause this and

[3:19:57] Once it commits and push, it would reflect on the so it's committing I can see some people are testing it out, right?

[3:20:12] Some people are testing it out. So that's why we are having more boots. So it will commit and push and it will reflect. So this is the commit. reflect. So this is the commit. So every time it commit it write

[3:20:27] So every time it commit it write it write um a comment right. So that when you go back you can also see. Yeah. So I'm going to now go with prompt four.

[3:20:39] We have prompt four. We have prompt five. We have prompt six. And we have prompt seven. Seven. Five, six, seven. Prompts. Four, five, six, seven. Four more prompts and we'll be done with this version. Yeah. So, let's go with this.

[3:20:58] So, what does this prompt do? Make the presenter presenter controls and full presenter presenter controls and full lifestyle. Make the full lifestyle and lifestyle. Make the full lifestyle and presenter control robust.

[3:21:13] stat use the audience can only submit while the pool is live. Yeah. Add reset result. So what this does is that it delete the food after a confirmation. So it can be reused for another audience. So I'm going to ask you to make all of

[3:21:28] these changes and yeah so it has made all these changes. It have committed. It has pushed. If we come to Vel. We come to Vel. I click on this

[3:21:43] you see that it has made two deployment. One deployment was made 30 minutes ago. That was the first deployment. The second deployment. So once we deploy it automatically deploys. Yeah it automatically deploys. Yeah it

[3:22:01] automatically deploys. So once we push the code to GitHub, Vel will not the change and Vel will deploy itself. So every time there's a change on GitHub, every time there's a change on GitHub, Vel and Vel deploys. So now we're going

[3:22:16] to make the changes. I'll try to make them fast. Yeah. So after each of them, them fast. Yeah. So after each of them, I will say commit and commit and push. When done, I'll also tell it don't

[3:22:32] preview. I don't want it previewing so that we don't take all our time. So commit, don't preview, just commit and push. So let me add it to all of this.

[3:22:44] push. So let me add it to all of this. Yeah, So at the end of the day, it will just commit and push.

[3:23:02] just to wet your your your mouth to tell you that there's a whole lot that can you that there's a whole lot that can actually be done. Yeah. And it's a six months of training. Very very impactful. Very very very impactful. We'll be

[3:23:16] learning a whole lot more than this beyond building apps. Yeah. Learning how to interpret data. Learning how to build predictive models. Yeah. are learning learning all of the generative AI stuff.

[3:23:30] So, it's going to be really really insightful and impactful and I'm looking forward to seeing you in class. So, this is working.

[3:23:50] it's editing, you can always see the change on the local. Once it's editing, you can always see the change on the local. Yeah. So you can see reset

[3:24:03] local. Yeah. So you can see reset result. Now I can close votes. If I close vote, you can't vote anymore. Yeah. So I can also close votes. If I Yeah. So I can also close votes. If I close vote. Yeah.

[3:24:18] Yeah. So you can see if I reset this result now it will be lost. You would result now it will be lost. You would have to revote again for us to have the new result. All of those things does not um Okay. We have them here already.

[3:24:32] um Okay. We have them here already. Okay. So Yeah. So it has been closed.

[3:25:10] end on render. You can deploy your back end on render. You can deploy your back end on render. You can deploy your front end on You can deploy your front end on sale. Yeah. Or maybe you use AWS.

[3:25:23] Yeah. So,

[3:25:41] So, let's wrap this up as soon as possible.

[3:26:21] you to super basease. Remember we created super basease and when we created super basease and when we created it, our tables were empty. The tables we created were empty. So let me just show you this.

[3:26:37] me just show you this. Um we come to the table.

[3:26:49] have now been populated. They're no longer empty. They have now been populated. They're no longer empty. They now they have now been populated. These are all of the ants are no longer empty. They

[3:27:05] now been populated. So take a look at these two. Yeah. So they are So I'm just showing you all of the different things going on. So you can

[3:27:18] see you can redesign this. You can redesign it. Make it much more much more beautiful. Yeah. You can redesign it. beautiful. Yeah. You can redesign it. image make it much more beautiful. So

[3:27:34] let's see this. This is for the question. This is for the question. Um

[3:27:46] question. Yeah. So I'm going to finish it up. I'll just I'll just finish it up. Then we can now test it and wrap up

[3:27:59] and finish it up. Then we can test it. Then we can test it. Yeah.

[3:28:14] So So let's finish it up, then we'll test it and we wrap up.

[3:28:35] changes. Still working on it. He's still making Still working on it. He's still making changes.

[3:29:00] every time you see it running build, what it's trying to do is to ensure that nothing breaks, right? So that when it deploys it, nothing breaks. So, if it breaks locally, it will break on deployment. If it doesn't break locally,

[3:29:15] it won't break on deployments. So, we are almost done. Very very insightful session. Very very insightful session. And if you learned something from this session, um then it's a pointer to the fact that you need to

[3:29:32] join a class. Yeah. You learn something. Each of our class are usually four. Yeah. So, we do theoretical stuff and we do practical. We do theoretical stuff

[3:29:44] and we do practical. Yeah. Four hours Saturdays and Sundays. Yeah. Over the span of six months. Yeah. Just imagine what you have learned and imagine what

[3:29:57] what you have learned and imagine what you you will learn in 6 months time.

[3:30:17] All right. So, let me try to wrap this up. This is refining the UI. This is refining the UI. You can make it much more better, but we just doing like much more better, but we just doing like basic stuff here. So, we can Yeah.

[3:30:56] So, we're almost done with this. Almost almost done. Almost done with this. So, I cleared this. I'm going to also clear this. this. I'm going to also clear this. I'm going to also clear this. Um, and

[3:31:11] we're going to do some real life demo. Um, I didn't include how to delete. Yeah, I didn't include how to delete. But if it's closed, it remains closed. You can't log in. So, I I will create two new um two new I'll create two new

[3:31:32] um pools. One of it will be one will be a multi-choice question, the other one will be a pool. So, the first one was will be narrate. [clears throat]

[3:32:18] I won't open it yet. I'll open it when I'm done with all of the uploads. Then I'm done with all of the uploads. Then I'll create a new one and call it

[3:33:13] after you I'm going to open the vote after we are done. Yeah, I'll open the vote after we are done. So, let's finish up with everything. When we are done with everything, then I'll open the vote.

[3:33:27] everything, then I'll open the vote. Yeah. So, I'll open the boot. Let me add another one. I'm going to add a third one. So, there are three sessions. We take them one at a time. Take them one at a time.

[3:34:09] So I've created Oh, I made a mistake in this. There's a typographical error. So we didn't build all of those things. So we you can go ahead and upgrade this app. build it in such a way that if there's a

[3:34:22] mistake the the the the can make updates and so on and so forth we've not done all of those things yet

[3:34:37] here but I've created these three and I want us to use it in the class session so this is almost done after this we'll have one more prompt and we'll be

[3:35:15] intentionally did not let them open. So, I would let them open when we are done. We're almost done. We're almost done.

[3:35:39] till this point, do not drop out. Remember you need to stay up until the end to get the certification or the certificate and also to get the other certificate and also to get the other materials that will be shared.

[3:35:54] So we are committing and building then we would have the last piece of the build and we would wrap it up. I'm so glad that you've learned a couple of things in today's class. Yeah. I'm so

[3:36:07] glad you learned a couple of things in today's class. Yeah. or I would I'll be looking forward to seeing you in class. I'll be looking forward to seeing you in

[3:36:20] I'll be looking forward to seeing you in class. [clears throat]

[3:36:48] This is the last and after that I'll open the I open the preview for us to open the I open the preview for us to get to do this ourselves.

[3:37:02] This is the last and after that I open the preview.

[3:37:17] want to again walk you through all of the things you'll be doing in class. In class we'll do more than just building the app. We are going to go backward to look through some fundamental um things you need. Yeah, we go backward

[3:37:34] and we're going to be teaching you more on machine learning and AI beyond just building application with AI, understanding AI itself, understanding machine learning, understanding deep learning. Those are some basic things

[3:37:48] that are very very important. A whole lot of people do not understand those. Yeah. But they are what powers all of these things we be we are currently doing. So we'll do a whole lot of that in class and I'll be looking forward to

[3:38:03] seeing you. Yeah, I would be looking forward to seeing you. So very very soon we are wrapping this up very soon. This is almost done. Once

[3:38:15] it's done, we take a few minutes, open the pool and the pool and let us um fill them in. When you fill them in, I I'd love to know your experience.

[3:39:22] Okay, I think we're almost done with this.

[3:39:41] time. I'll be opening the session one at a I'll be opening the session one at a time.

[3:40:02] So, it's committing and pushing. The last commit and push and pushing. The last commit and push and we'll be done. would be done. So once we are done we start with this then we move to this and

[3:40:18] start with this then we move to this and move to this very part in like 1 minute.

[3:40:30] Yeah. I'm going to send the link to the website. Yeah. But let's wrap it up.

[3:41:09] things we can do, right? You can see it's already giving me an idea of what I can do, but I we don't have time. I want us to wrap this up. So, finally, if I come here, this is the last build. So, we've deployed different versions of our

[3:41:23] app. 1 2 3 4 5 six different versions. So all of those things are now live. Now I want us to now vote. I want us to vote. I want us to So we start with this

[3:41:35] um insightful section. I want to I want us to see how it work. So this is the um the the QR code. We can go ahead and scan the

[3:41:48] QR code. We can go ahead and scan the code and let's vote. So inside Yeah, scan the code. Let me see what it looks like. looks like. Candy code and votes.

[3:42:41] phone is slightly different from the way I see mine, right? You can see that slight difference. Yeah. So now let's come back to this. I'm going to leave come back to this. I'm going to leave that open. Now let's do this.

[3:42:56] that open. Now let's do this. So, um I'll open this So, um I'll open this then we try this out.

[3:44:13] We can see the number of um art feedback that has come in. Yeah. Then the last that has come in. Yeah. Then the last one questions. So if you have questions, you can put in your questions here and we are going to answer questions.

[3:44:37] So now let's pick this last one. If you have questions can be linked. have questions can be linked. If you have questions, scan this link If you have questions, scan this link and let me know your questions.

[3:44:51] seeing no no nothing good. Okay, these are fine. Let's see questions if you are fine. Let's see questions if you have questions.

[3:45:05] Okay. What's the difference between claw and gravity? based on the usage which has better understanding as regard which has better understanding. I I I I I think at the moment

[3:45:21] Claude has the best models for coding, right? I think CL has the best models for coding at the moment. Yeah. So I I use anti-gravity

[3:45:36] moment. Yeah. So I I use anti-gravity but not as much as I use. So like I said earlier one of the beautiful thing about anti-gravity that you can also use models in anti-gravity. Yeah. Then about

[3:45:48] usage I can't say about the usage because I've not used anti-gravity so because I've not used anti-gravity so much to talk about the usage. Yeah. Yeah. So a whole lot of other questions. I'm going to I'm going to answer your

[3:46:01] I'm going to I'm going to answer your questions. Yeah. At the end of the day. So, let's fill it in. Fill it in. Fill it in. I'm going to answer your question. So, I'm going to share the link. This is the link to the app

[3:46:13] link. This is the link to the app and this is the link to the repository. This is the link to the repository. You can the repository. Yeah. By tying it like this. Yeah, that's the link to the repository. You can t it. You can also

[3:46:28] fork it to have it in your own repository. To have it in your own repository. You can also download it to improve on it on your

[3:46:40] own. Yeah. You can take it after this class. You can download it to improve on class. You can download it to improve on it on your own. Yeah. So, we built two different apps or two similar apps. One of them with FL and the other with

[3:46:55] lovable. Yeah, we've seen how they both work. We've seen the difference between both of them and we are coming towards the end of this cl. So, I'm going to the end of this cl. So, I'm going to hand over to my host. Yeah, it's been a

[3:47:08] pleasure always hosting me. Yeah, there a few questions about the um

[3:47:32] okay I can't yes road map for learning all of these things so one of the road map for learning all of these things is in the class right yeah so I get to teach you the fundamental stuff I get to walk you through yeah I get to walk you

[3:47:47] walk you through yeah I get to walk you through yeah one step at a time. Yeah. through yeah one step at a time. Yeah. So, um I will hand over to the um I'll So, um I will hand over to the um I'll hand over to the

[3:48:05] >> this was absolutely amazing. Even I was like you know part of the um experience. I was trying to follow along uh with you and I was like uh making responses, sending questions. So this was like very very cool and I think like it would have

[3:48:20] been even cooler for people who you know built this along with you every step. So thank you for you know taking us through this.

[3:48:37] It was really cool. Um, I will start my screen share.

[3:48:49] share. >> All right. All right. hearts and the celebrations and the claps. We are very very glad that we

[3:49:03] experience but please do stay tuned with us. Um we know that a lot of you would be interested in the certificate and we will be talking about the certificate in just a few minutes. Um but as uh Solomon has been uh talking about um you know

[3:49:20] the um program and the learning experience with Simpan we just want to take like five um minutes uh to talk about this amazing program that we have in store. Um but before that like you know I want to take a moment uh before

[3:49:34] we move forward and just look at what has happened today. You came into this workshop with no um you know database no code no project set up and no developer definitely on standby and in less than 4 hours you have a working AI powered

[3:49:49] application that went from plain English descriptions to a live URL. Um, and let that be the reference point for everything I'm about to say next. Because the question that I want to ask you now is if this is what like one

[3:50:03] evening or like one morning can look like um with one prompt and one expert and one focused workshop then uh as Solomon very very um you know rightly put it what could how amazing could 6 months look uh can 6 months look like

[3:50:18] right and it's and not 6 months of just like you know watching videos not 6 months of just uh um you know passively uh trying to understand AI It's a 6 months of actively working um with other um you know experts Solomon and other uh

[3:50:35] AI experts. You will be building, you will be working on project after project, tool after tool and a lot of concepts um after concept. And uh today concepts um after concept. And uh today you have learned to scaffold an app, add

[3:50:48] an AI feature, debug uh conversationally and ship to live URL. And um you know u uh one slice of what this field um it is it is only one slice of what this field

[3:51:00] actually contains. the people who are going to define what AI era products build the tools that the rest of the world uses. They are not just VIP underneath. They understand the architecture. They understand how to

[3:51:17] deploy at scale, how to fine-tune, how to build agents that work autonomously across system. But not all of that can be covered in today's workshop. Um but that could be your next step. And I want to show you exactly what that uh looks

[3:51:31] like. So we bring to you one of our best and highly demanded programs professional certificate in AI and machine learning which is delivered in partnership with Michigan engineering professional education. Um uh it is a

[3:51:43] six months live online interactive program that features all that you need to know in the AI space currently including agentic AI open clock code and a lot more. Um so I'm going to hand it over to Solomon to take over the um you

[3:51:59] know key highlights of the program and honestly there cannot be a better person to do this as Solomon is a lead instructor for this program currently and he's training hundreds of learners just like you. So Solomon over to you we

[3:52:11] can quickly cover the um you know highlights of the program and the curriculum and um you know what the skills and tools are covered um in the program. >> All right. Thank you Ana. Yeah. So like

[3:52:25] I said initially this is an allied program. Yeah. From Michigan University. Yeah. And you know one of the things about certification is the body from which it comes from matters so much. It determines the repetition of that

[3:52:40] organization of the certificate. Yeah. And more so it's not just theoretical stuff. You get to do hands on learning. Like I said to do hands on learning. Like I said previously, if you follow diligently, at

[3:52:54] the end of the program, you'd have done a minimum of six projects. Yeah. At the end of the program, you'd have done a minimum of six projects. Yeah. And we are not just teaching you things. We are teaching you industrial relevant things,

[3:53:07] right? You get to learn Python programming language. You get to learn machine learning. You get to learn deep learning. You get to learn about large language models. For example, today I did not talk about any of the models

[3:53:20] that actually built this stuff, right? But in CL we get to talk about all of the different models. Yeah. And the learning part the learning part is you start out with a Python refresher and that's because you need to get some

[3:53:35] basic idea of programming language, right? Yeah. Just to give you a faint idea of programming language. Then we'll do apply data science with Python. The reason is that data science is very very important. Yeah. You get to apply this

[3:53:49] in your everyday life. You get to apply this at your workplace. Yeah. Like it brings you immediate value even to your workplace. You can analyze data using Python. A whole lot of things. Then we move on to machine learning. Machine

[3:54:03] move on to machine learning. Machine learning is actually um the supererset of deep learning, right? And deep learning is the mother of all of the AI inventions we see today. So what we'll be doing is that we'll be going back to

[3:54:16] the foundation to actually trace this from the back up to where we are today. So you do things around building classical machine learning models, right? We'll also learn how to build deep learning models, things like face

[3:54:30] recognition um and a whole lot of different applications we have out there. Then we'll come into generative AI essent literacy. So we do generative AI like what we did today. Yeah. But we take you

[3:54:46] to the foundation. So if you have paid attention to all app um it's not just how to build apps with AI. That's not just all what we are teaching you. Yeah. We want to take you back behind the curtain. So you get to learn all of

[3:54:59] these other fundamental stuff that are very very useful. Yeah. And some of these skills will never go up. so late. Yeah. Because of how fundamental they are. Yeah. And this course is also in collaboration with IBM beyond what I get

[3:55:15] to teach you, you get to also take some courses from IBM and also get certified also. So it's a whole lot and there's a capstone project. But before we get to this capstone project, every course we take has their own capstone project. So

[3:55:30] if you do this, you have a capstone project. Um 1 minute. Let me pick my this. You have a capstone project for this. You have for this. You have for

[3:55:45] this. And for all of these you have minimum of two capstone projects. Yeah. You need to just do one. I usually tell my learners do the two right. So you get a portfolio for yourself. And at the end of the day we have a capstone project.

[3:55:58] something that caps caps everything we've done together. So, it's actually very very insightful. I've seen learners that came in as absolute the end of the day, they're doing a

[3:56:12] whole lot of amazing stuff. Yeah. So, I'll be looking forward to seeing you in one of my sessions. Yeah. Hopefully the next session I'll be starting anytime soon. Yeah. Thanks. Over to you. And yeah, now for the skills and tools,

[3:56:24] there are a whole lot of skills like I'd mentioned, generative AI, conversational mentioned, generative AI, conversational AI, model evaluation and validation, natural language processing, LLM, assembles, all of these things are

[3:56:39] LLM, assembles, all of these things are foundation for generative AI. Like for all of these, yeah, they are foundation for generative AI. And we'll be doing all of this in class. will be doing all of this in

[3:56:53] class. So I can assure you it's a very insightful session and for someone that came in from a nontechnical background because I had an a bachelor's degree in engineering. I tried learning all of these things myself. Yeah. Before I

[3:57:07] eventually got a structured place of learning. I tried I tried learning all of these things myself and it was kind of um half halfhazard. Yeah. And in this six months is that we will hold your hands. Yeah. Would hold your hands.

[3:57:24] And um one of the things about every tech platforms out there is that it's it's usually short. They tell you you can learn all of these things in three months, but what we are doing is that we're expanding it to six months, giving

[3:57:37] you enough time to learn and it's also during the weekend so that you have the days of the week to yourself to also practice. Right? So again it's very very insightful if you've learned something in today's class and then you can

[3:57:52] Yeah. So I'm looking forward to seeing Anna. >> Thank you. Thank you Solomon. Um and like um Solomon had already mentioned it is um in workshop we have hundreds of

[3:58:06] people together. So um you know it might not be possible to uh address every single question or every single issue but um you know in um in in our programs it's a very selective um cohort. uh you will be part of um you know a few select

[3:58:22] people and you will have a lot more um interactions with the expert like Solomon mentioned the learning experience also comes with um you know a questions any issues that you're having and there will be support um and expert

[3:58:37] guidance to um help you every step of the way and that very clearly um you know shows from um the success stories that we have seen from learners of this program um like you know let's just take Mark for example he's a director of

[3:58:52] engineering out of Washington and after finishing the course um you know he built a real foundation he was able to build a real foundation in AI and ML um enough um so that he ended up creating his own private language model something

[3:59:05] that um you know keeps data offline using hands-on tools and VS code um along the way and that's a huge thing that he got to walk away with and then there is Mohammad um he is an environment ment health and safety man

[3:59:19] manager based in Philadelphia. He came into this with like zero background um in AI. Like Solomon mentioned, you don't need to have um you know a lot of programming knowledge or technical background um to enroll um enroll in

[3:59:35] this program. Um just like Mohammad because at the end of it he built strong enough skills to um actually switch domains entirely. He landed a new role and got a 20% salary hike in the process. There are a lot of uh such such

[3:59:50] a stories and testimonials um from the graduates of this program um and you can like you know refer to them um um in the program page that we will be uh sharing uh very soon. And uh quickly I want to take you through a couple of uh very um

[4:00:06] you know different features um that come along with the um you know uh this program. So this is a question that we get uh from a lot of our learners um uh

[4:00:18] very frequently. So how do we uh you know make sure that the curriculum stays relevant right because there's um there's there's like a new um you know AI tool launching every day a new model a new way of working um you know that's

[4:00:31] changing week on week. So what's a cutting edge today can feel a little bit outdated in a few months time. So and that's exactly why we built EI impact studio because every 15 days we drop two brand new live sessions. Um these are

[4:00:47] not recordings not something pre-backed months ago. These are live expertled months ago. These are live expertled workshop. Um and we have built two clear builder type the one who wants to get hands-on um you know ship things

[4:01:00] automate workflows um then we have AI builder studio for you. And if you're more on the decision making side, the strategist or um you know you want to be someone who turns AI into business outcomes, then we have the AI business

[4:01:14] impact studio as well. So whichever direction you're leaning into, there's And the faculty teaching these sessions aren't just instructors um or academicians. These are practitioners who have actually built and scaled um AI

[4:01:28] inside companies like IBM, Amazon and Salesforce. And here's the best part. If you are an active enrolled learner of this program, this is already yours. Like it doesn't come at any extra cost. So you get to um you know be part of the

[4:01:42] these really cool expertled live workshops as well as part of the program. And the program doesn't stop at the technical layer. One of the things that separates simply learn from any other course platform is what happens

[4:01:54] after the learning. This program includes structured career support um interview prep and mock assessments tailored to AI roles, AI powered portfolio optimization for your resume and LinkedIn um and handpicked job

[4:02:07] opportunities curated to match your skills as well as group mentoring sessions with industry experts. um because the credentials that you get out of the program u matters um and the portfolio matters a lot um and also what

[4:02:21] matters is the network that you build while you're um you know earning these credentials in the portfolio. So um you know our support um is built in a way that you build not just the knowledge, not just the portfolio but as well as

[4:02:35] confidence that you need um to present yourself um well in an interview and yourself um well in an interview and crack the um you know dream job. Okay. crack the um you know dream job. Okay. So um here is the uh pricing um of the

[4:02:51] program. the investment that is required. Um we uh are currently giving a 15% exclusive discount for all the workshop attendees. You can I'm just going to take a second to share the program link here. Um you can um you

[4:03:07] know check the price of the program uh in your country's uh currency. Um and um you know you can download the curriculum of the program. You can uh deep dive into it. You can look it into the testimonials. Um you can check the

[4:03:22] rating and all of um that as well in the link and you can also see the pricing um and how um you know being an attendee in this workshop has given you know an exclusive advantage for you. So I am going to launch a poll now to take your

[4:03:38] interest in enrolling in the program. U please note that this uh poll is only for um you know the program interest uh for the certificate. I will be sharing for the certificate. I will be sharing uh another poll uh later but this is

[4:03:53] just for the program. So please do take your time to um answer yes or no. All you have to do is click on either of the options. Um and we will have this poll

[4:04:05] options. Um and we will have this poll live for a um for a little while more. Um so in case you want to know more about the program, you want to speak with an expert, you're a little unsure and you want like more details, um then

[4:04:17] you can click on yes because our expert advisor will be able to get in touch with you. Um and um you know have a conversation, clear any queries that you have and guide you on your way forward. Um you can also scan this QR code on the

[4:04:31] screen to know more about the program. You can download the syllables, schedule a call with our expert and so on in this link. So please do check it check it out. Um in case like you know we see a lot of people have answered 100 plus

[4:04:44] people. So we're going to have this live for a few more minutes and um yes all of you who are answering yes and who are expressing interest in enrolling in the program will be getting a call from our expert advisor tomorrow. So please be

[4:04:59] available and please ensure that you are reachable on um the phone uh that phone number that you know um you would have given to learn. So we will be reaching out to you to discuss on the way forward. Okay great. I'm going to have

[4:05:14] the poll on for a little more uh bit of time. But uh meanwhile, we want to um time. But uh meanwhile, we want to um you know really uh we're very excited um uh that a lot of you uh you know built the app along with Solomon along with us

[4:05:29] and and you kept sharing the links as well. So we are nearing the end of the workshop soon. Um so in the next couple of minutes we're going to try to answer meanwhile we want to launch an opportunity for every single person

[4:05:43] here. You've all worked very hard and now it's time to show off what you've opportunity to share your creations and receive um um you know some reward from us. We have um a contest uh for you today. The top three habs which uh which

[4:06:00] will be handpicked by Solomon will be featured on Simply Learn Instagram page which boasts over 200,000 followers. So this is a fantastic chance for you um to get exposure and recognition for the application that you have built today.

[4:06:14] And um so to participate all you have to do is um open the folder link sh um let me just share the folder link as well. Um you just have to open this folder

[4:06:27] Um you just have to open this folder link um or you can scan the QR code and um it will take you to the folder link. Um you have to um then uh take a have built and you can like you know name it um with your first name your

[4:06:45] email um and if you want to give like a different um name for the app then you can do that as well. Um so this is and then like you know you just uh paste the file um on the folder and we will be reviewing it in the next 48 hours and we

[4:07:00] will uh get in touch with you if your app is selected. So this is a great way to get noticed for the work that you've done in the workshop um and for you to you know have a way to for your work to be uh celebrated. So please ensure that

[4:07:15] be uh celebrated. So please ensure that you are making submissions um for the app that you built. Okay, great. I think we have gotten a lot of um responses for

[4:07:27] the poll. Great. I think I am going to end the Great. I think I am going to end the poll right now and launch.

[4:07:46] is the QR code visible? It's not visible, right? >> Yes, my apologies for that. Let me see

[4:08:00] if I can fix that. Um, meanwhile, this is for the ebook that we promised that we will share at the end of the workshop. Um so share at the end of the workshop. Um so I'm going to share a link

[4:08:16] uh on the chat because the QR code is not visible. Let me just not visible. Let me just share the link here.

[4:08:33] building an application after the workshop and submitted. Yes, you have time um for the next 48 hours. We will be reviewing the um sub submissions after 48 hours. So please do take your time. I um understand that some of you

[4:08:46] might might have not been able to follow along um or you might have not been um you know uh able to do some uh a few steps out of the whole build. So please do take your time um check the video the recording that we will be sharing on

[4:09:01] email um and you can build your app later and submit as well. Okay. So uh later and submit as well. Okay. So uh moving on to the certificate I believe that a lot of you would be eager to receive certificate for being part of

[4:09:16] receive certificate for being part of this workshop. Um yes uh regarding the prompt link we will be sharing that on email. Okay I have launched the certificate poll. All you have to do is type your

[4:09:30] full name. So if you want um you know um your first name plus last name on the certificate then just type your full name and uh submit in the poll. We don't need your email address or you know where you're joining us from. All these

[4:09:45] where you're joining us from. All these details are not required. Just um you on the certificate that is all that's required. Okay. So while we have the required. Okay. So while we have the poll live um Solomon I um

[4:10:00] you know it would be great to hear from you and if you have any u last piece of advice for our learners um and um you know anything that you would like to share uh to end the workshop it would be great.

[4:10:14] >> Right. Thank you so much. Thank you Anna for always having me. It's always been a pleasure. Yeah. Thanks for everyone that has followed through till the end. And like I said earlier, we've done a whole lot in 4 hours. Just imagine how much

[4:10:31] lot in 4 hours. Just imagine how much more we can do in 6 months, right? Yeah. So, I'm looking forward to seeing you in class. Get a 15% discount. You can maximize that. And there's also an option to spread your payment across

[4:10:45] months. You can also maximize that. Yeah. Do all means to see that you get in. Yeah, thanks everyone. Looking forward to seeing you in class. Over to you. Yeah. >> Yes. Thank you so so much Solomon. Um

[4:10:58] like he mentioned I think we would be eager to have a lot of you um you know part of our cohort as well. Um so please do take the um wise decision to um you

[4:11:12] do take the um wise decision to um you know utilize uh the uh you know utilize learning from experts like Solomon and take the decision forward to enroll. Um we see that a couple of you are saying that you're not able to access the poll.

[4:11:26] It could be because you are um you have joined from your phone or you're not logged into Zoom. Um, in case you don't receive your certificate, um, please do write to us at [email protected]. In case you're not able to access the

[4:11:40] [email protected] and we will um, check and get back to you with the certificate. All right. Okay. So to everyone watching us on

[4:11:52] YouTube um, and LinkedIn as well, if you need the certificate, please do just write to us at [email protected]. Um, someone is asking for the poll. Again, the poll is already live. You should be able to see it on your screen

[4:12:06] should be able to see it on your screen on Zoom. Um, so if you're not able to access it, then there must be some issue at your end. Uh, please do check and all the materials that was used in the workshop, the prompt library, the setup

[4:12:19] guide, the architecture, all of this will be shared on email by tomorrow along with the webinar recording and the certificate. All right. Okay. Thank you

[4:12:31] so much everyone. We really appreciate everyone's time and everyone's participation and a lot of energy and love that you've uh given us. Thank you so much and we hope to have you soon. Keep seeing you um in um our

[4:12:46] future workshops as well as in our um you know professional certificate program as well. Thank you. With that I am ending the workshop.

More from Simplilearn

View all

⚡ Saved you 4h 12m reading this? Transcribe any YouTube video for free — no signup needed.