Created
April 7, 2026 11:36
-
-
Save kellatirupathi/3c1d19b41665d4c5e71cb4cb4e6535f6 to your computer and use it in GitHub Desktop.
Transcript for transcript_1UoFm90_hOvxZ8R2h9DqfcQEi3_cs45Tq_1_1701_99703d882841_4.txt
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| [00:00:00] I'm audible properly? | |
| [00:00:02] Yes. | |
| [00:00:03] Okay, great then. | |
| [00:00:05] So quickly begin with your introduction first. | |
| [00:00:09] Yeah, myself Chetan Purnagopal and I'm from Barangal. | |
| [00:00:12] I've completed my graduation in the stream of Compressance and Engineering in the year 2024. | |
| [00:00:17] After my graduation, I took training on the Manstack through the next year, where I developed my skills in the Node.js, Express.js, React.js, MongoDB, SQL Lite. | |
| [00:00:28] Using these technologies, I've worked on different projects like front-end projects and full-stack projects as well. | |
| [00:00:36] Apart from these technologies, I do have skills in Python and along with its libraries, NumPy and Pandas, which is great working with the AIML and data. | |
| [00:00:48] And recently I've attended a workshop where I gained knowledge on the prompt engineering techniques and LLM models, how to use LLM models to | |
| [00:00:59] leverage the code quality and improve the code efficiency. | |
| [00:01:03] So this is all about me. | |
| [00:01:05] Thank you for giving time to introduce myself. | |
| [00:01:10] Okay, that's great to know about you, Chetan. | |
| [00:01:13] So apart from one stack, you know Python as well? | |
| [00:01:19] Yeah, Python as well. | |
| [00:01:20] Okay, that's great. | |
| [00:01:22] So please share your screen. | |
| [00:01:26] And create a one blank react project. | |
| [00:01:45] Can you able to see my screen? | |
| [00:01:47] Yes. | |
| [00:01:50] What I need to do? | |
| [00:01:52] Create a blank React project. | |
| [00:02:00] VS code do you have? | |
| [00:02:01] Yeah, yeah. | |
| [00:02:03] Open that. | |
| [00:02:58] So, to develop React projects, we need some dependencies. | |
| [00:03:02] We need to run some commands initially. | |
| [00:03:05] Let me set up. | |
| [00:03:11] Create one blank project. | |
| [00:05:08] Do you have a pilot enabled in your system? | |
| [00:05:14] Good morning. | |
| [00:05:24] Hello. | |
| [00:05:25] Yeah, yeah. | |
| [00:05:27] Yes, sir. | |
| [00:05:28] You have a pilot enabled in your system? | |
| [00:05:30] Yes, yes. | |
| [00:05:31] Can you please disable it or uninstall it? | |
| [00:05:44] I don't have explicitly installed that co-pilot app like disabled it. | |
| [00:05:52] I have disabled by typing anything. | |
| [00:05:55] Here it will appear initially it will appear here i disabled it you have disabled it yeah okay remove that uh or enter code this const count etc whatever is it uh uh | |
| [00:06:11] this thing above above above line number seven remove that | |
| [00:06:22] Now I'll share you one API endpoint. | |
| [00:06:26] Okay. | |
| [00:06:28] Just. | |
| [00:06:30] Just fetch the results from this API and show me on the browser the name of candidate, the name of the user and his email id. | |
| [00:08:05] is not responding then you can use what is that explorer | |
| [00:08:12] Use Explorer if you want. | |
| [00:08:15] Or any other browser. | |
| [00:10:07] That was a little bit of a surprise. | |
| [00:12:17] The co-pilot is still working. | |
| [00:12:24] So, I never used the co-pilot in my... | |
| [00:12:28] Then how it is? | |
| [00:12:31] Giving you the right solutions. | |
| [00:12:37] Go to the extensions. | |
| [00:12:40] Hello. | |
| [00:12:41] Click on extensions. | |
| [00:12:42] Click on extensions. | |
| [00:12:47] Yeah. | |
| [00:12:49] Search Copilot. | |
| [00:13:03] Polycon, right? | |
| [00:13:04] It's a good thing, you know. | |
| [00:13:11] Disable it and install it. | |
| [00:13:16] above on also uh it automatically got now it's fine now go and vote | |
| [00:13:31] Now start writing the book. | |
| [00:13:43] And I don't have much time, so please... | |
| [00:13:48] Actually, my network is low. | |
| [00:13:51] Sorry? | |
| [00:13:53] My network is pretty low. | |
| [00:13:56] Still, I think... | |
| [00:13:58] Where it is coming? | |
| [00:13:59] The profile is working. | |
| [00:14:02] Restart your waste code once. | |
| [00:14:04] Close it and restart it again. | |
| [00:15:35] What happened? | |
| [00:15:35] It got stuck? | |
| [00:15:40] Hello. | |
| [00:15:56] Hello, Sweden. | |
| [00:16:01] Hello, Sam. | |
| [00:16:01] What's up? | |
| [00:16:03] Hello? | |
| [00:16:07] Lias, what's happening? | |
| [00:16:08] Your screen was greased for a while. | |
| [00:16:16] I think there is some network issue from remote area. | |
| [00:16:22] Okay, continue then. | |
| [00:17:43] I didn't see that. | |
| [00:19:19] What is the concept of virtual domain react? | |
| [00:19:24] Sir? | |
| [00:19:25] Hello? | |
| [00:19:26] What is the concept of virtual domain reactor? | |
| [00:19:32] Virtual domain, which like it will | |
| [00:19:38] And. | |
| [00:19:41] Dom is a tree structure or small down which will store the | |
| [00:19:50] like instead of rendering an entire component let me take an example if when I run an application or run a web application instead of | |
| [00:20:00] entire application, it will only load a specific component. | |
| [00:20:07] Whenever a user triggers the state variable or if the props are changed, it will trigger only a specific component. | |
| [00:20:20] Like instead of rendering every component in an application, it will render only that specific component. | |
| [00:20:29] So it can improve the performance of a React application. | |
| [00:20:35] Okay, why we use use effect? | |
| [00:20:39] Use effect is used to work with the side effects like asynchronous functions. | |
| [00:20:51] As you can see, fetching the data. | |
| [00:20:55] Fitting the data from an API and like login authentication, generating the JWT token. | |
| [00:21:07] For these kind of things, we use user effect. | |
| [00:21:11] Okay. | |
| [00:21:12] So if we are trying to fetch data or | |
| [00:21:16] access any API without using the effect, then what will be the issue? | |
| [00:21:21] Without using? | |
| [00:21:24] Without using any use effect. | |
| [00:21:26] If I'm making an API request, then we | |
| [00:21:31] through any error? | |
| [00:21:34] Like it will, yeah, it will not cause any error, but it will stop at that line. | |
| [00:21:45] What asynchronous functions do, it will allow other processes to complete. | |
| [00:21:55] These fetching method will take some time compared to the other normal print statement or consult statements will take some time. | |
| [00:22:04] Do not erase any error, but it will decrease the speed of an application loading speed of application. | |
| [00:22:14] Okay. | |
| [00:22:15] Yeah. | |
| [00:22:15] Fine. | |
| [00:22:16] So why are the keywords async and await used together? | |
| [00:22:23] Await like async asynchronous async keyword is used to tell a function is an asynchronous function and await keyword is used to a specific like in front of this fetch method we use the await | |
| [00:22:37] we are letting the browser that it will take some time so in the meantime we can you can go through other processes which will take some less time | |
| [00:22:49] So it will allow backend. | |
| [00:22:53] These keyword allow run this process in the backend. | |
| [00:22:58] Meanwhile, other process. | |
| [00:23:00] are executed. | |
| [00:23:02] Okay, we will not use this await keyword then what will happen? | |
| [00:23:08] Like it will, as I said, it will stay on that line. | |
| [00:23:14] It will like a synchronous function. | |
| [00:23:17] It will, as JavaScript is a synchronous language, it will execute every code line by line. | |
| [00:23:26] Even after executing a specific line, it will move to the next line. | |
| [00:23:31] If you don't use a specific keyword like await, it will stay on that line and it will take some long time. | |
| [00:23:39] Which may crash the application in some times as well. | |
| [00:23:43] If we are not using that await keyword, then it will crash the application. | |
| [00:23:49] Yeah, like not that way. | |
| [00:23:51] Like it will take some long time to load the application. | |
| [00:23:57] Okay. | |
| [00:23:59] Fine. | |
| [00:24:00] So why we use use state? | |
| [00:24:03] Use state. | |
| [00:24:03] Use state is used. | |
| [00:24:05] Actually, a state is a mutable changing object. | |
| [00:24:12] Whenever the user requests changes, these state variables changes like the state we can | |
| [00:24:21] Using this use state, we can create some state variables like username. | |
| [00:24:30] user credentials, whatever it might be. | |
| [00:24:33] The input changing over time, we put in these state variables. | |
| [00:24:42] Use state contains a variable followed by the callback function. | |
| [00:24:49] Here I am just using a simple variable instead of use state. | |
| [00:24:53] Then what will be the issue? | |
| [00:24:56] Like I don't understand. | |
| [00:24:57] Can you repeat? | |
| [00:24:59] Suppose I don't want to use use state in react. | |
| [00:25:02] I just want a simple variable to store my accounts and every data in simple variable. | |
| [00:25:09] Then what will be the issue that it will create? | |
| [00:25:13] Like it will render whole application. | |
| [00:25:21] Like instead of rendering a specific component or a specific section, it will render a whole application. | |
| [00:25:33] Okay. | |
| [00:25:34] What are REST APIs? | |
| [00:25:36] REST API is not a technology or concept. | |
| [00:25:41] It is an app text style of defining the APIs. | |
| [00:25:46] Like API is nothing but a bridge communication between the two softwares, like client and server. | |
| [00:25:56] Through this REST API, it will allow us | |
| [00:26:00] some HTTP methods directly, which like software communicate through like | |
| [00:26:07] some HTTP methods like get post put delete, like getting the fixing the data, updating the data, inserting the data, deleting the data. | |
| [00:26:17] So the | |
| [00:26:21] STTP like in the REST API, the software will communicate to the API URLs over the internet using these HTTP methods. | |
| [00:26:35] Yeah. | |
| [00:26:35] Okay. | |
| [00:26:36] Okay. | |
| [00:26:37] Understood. | |
| [00:26:38] Chetan, it was great interacting with you. | |
| [00:26:40] Do you have any questions for me? | |
| [00:26:43] Like, can you tell more about the company? | |
| [00:26:47] Because when I'm searching on the internet, it's not giving the proper answer. | |
| [00:26:53] Like, some websites are saying it's a cryptocurrency company, a blockchain technology company. | |
| [00:27:01] Can you explain in details what actually it is? | |
| [00:27:07] So we are an IT company. | |
| [00:27:09] Okay. | |
| [00:27:09] We build software, software as a product and as a service that we sell to our clients. | |
| [00:27:16] Okay. | |
| [00:27:17] And we use the blockchain and AI also. | |
| [00:27:20] Okay. | |
| [00:27:22] For building software platforms. | |
| [00:27:25] Okay. | |
| [00:27:26] Who is the clients of this company? | |
| [00:27:29] Like who is the... | |
| [00:27:30] As of now, what kind of major issue, like a big project you have worked with? | |
| [00:27:41] So we are working on a portal called highstar.io. | |
| [00:27:44] It's a background verification company. | |
| [00:27:46] And our clients are big, big companies. | |
| [00:27:51] Who are hiring a lot of candidates and who wants to run background verification check on their candidates. | |
| [00:27:59] Okay. | |
| [00:28:01] Thank you. | |
| [00:28:01] That's all about my end. | |
| [00:28:04] Okay. | |
| [00:28:05] Thank you, Chitran. | |
| [00:28:06] Thank you. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment