you are amazing i remember when you used to make small projects videos now your making clones for big apps this 10x more amazing keep posting we want series for big apps like this long videos
I just completed this React JS project. Thank you for this CZcams clone. It really helped me a lot. Best CZcams channel to learn and build projects. Keep creating more like this. ❤
Please create one video on JWT authentication in ReactJS or NodeJS in such a way that any beginner can understand and can get a full explanation from scratch to advanced. You can explain using any project also.
Hello, my best lecture on you tube that i have ever meet, that is an amazing tutorial. I recommend you make a tutorial on how to host a website online. Thanks for you great effort to share your knowledge with us 👍👍
Just ignore this and continue following the tutorial because the actual API calls work from the app. Its just giving 403 errors in youtube api page on google console
Çok teşekürler videonu 3 defa dikatle izledim ve 2. izlememde projeyi bende yapmaya başladım anlamadım tekrar tekrar izledim (2) şuanda bende yaptım çok mutluyum 14 yaşındaydım ve arkadaşlarıma hava atıyorum senin sayende ben hindistanlıları hep kötü bilirdim ama senin konuşmandan belli iyi biri olduğun kanalına abone oldum ve şuanda tüm videolarına like atmaya başladım. (konuştuğum dil türkçe benim)
Hi, Why did you create so many folders ? its really confusing..One more thing. Just for adding functionality into sidebar.. i got confused how many times I have used {sidebar} and where. I didn't get the flow and logic. Can you explain please ?
00:02 Building a CZcams clone using ReactJS for learning key web development features. 02:44 Creating a responsive CZcams clone using React JS 09:06 Setting up folder structure for CZcams clone in React JS 12:26 Create and style Navbar component in React JS 19:34 Adding CSS Properties for Navigation Bar 22:38 Adding CSS properties for navigation menu 28:54 Setting up routes for homepage and video page 31:51 Adding sidebar with shortcut links and icons. 38:16 Adding CSS properties for elements in the sidebar 41:13 Setting up sidebar functionality in CZcams clone using React JS 47:17 Adding CSS properties for sidebar HR tag 50:07 Creating Feed Component in React JS 55:48 Styling video elements with CSS properties. 58:40 Adding elements to the video page 1:04:59 Creating and customizing different components for the CZcams clone 1:08:05 Creating a comment section with user interaction components 1:14:31 Adding CSS properties for various elements 1:17:27 Adding CSS properties for subscribe button and description text. 1:23:14 Create recommended video sidebar with thumbnails and titles 1:26:15 Adding channel name and total views to video thumbnail 1:32:16 Setting up API key for CZcams Clone 1:35:27 Setting up category state and handling API response 1:41:17 Styling the sidebar with CSS properties 1:44:16 Setting up video list URL with category ID and API key in React JS 1:49:54 Using fetched data to update and display cards on the webpage. 1:52:55 Updating video details using API data 1:59:06 Integrate moment package for date formatting 2:02:03 Implementing category functionality and video player in React JS. 2:08:08 Implementing CSS properties and updating data using API 2:11:13 Setting up video details URL and implementing fetch API 2:17:04 Adding API data for view count and time display 2:20:16 Manipulating API data and updating video details 2:26:08 Fetching channel data using API in React JS 2:29:10 Fetch and save channel data 2:34:56 Construct CZcams API URL and fetch comments using React 2:37:50 Store and display comments using React state 2:44:07 Setting up display for 50 comments and creating recommended video section in React JS 2:46:58 Construct API URL using constants and template literals 2:53:02 Updating video details using CZcams API data 2:56:22 Update view count and add video player functionality 3:01:54 Implement responsive design for CZcams clone using CSS media queries 3:04:30 Make video pages responsive for small screens
hi, just a suggestion, i think it's better if you also include the browser in your screen beside your editor while you code so we can see the updates and changes :)
It will great pleasure for us or me If we get c++ language learning video in your channel. I hope you will upload a video for learning c language. Especially i am fully satisfied and great understanding from your video
missing sub button , search and navbar on small screen is not toggle navbar upload video uncomplete just i have little confusion about and on the other hand all the tutorial is superb
I'm stuck in the recommended. Jsx file when I switch the video it fails can you provide the source code. I am trying to figure out but could not find . Can you help ?
Good :) but u have to make your css cleaner Also stop copying stuff and leaving them for 1 second then going back to the jsx it’s annoying and I have to go back 10s so much times
1:00:39 play video jsx file import all video1 and like, dislike, dhare , save , jack , user_profile .but it not showing another page video why . anyone please answer to me
In your JSX code and specifcy component rendering, state management, and routing. This will help diagnose the issue effectively and also for to={ dont provide any space}
Hey GreatStack I have a problem regarding the E-commerce website tutorial you have uploaded and it has to do with the images being too big and that has made the website look very different to what you shown in the video is there any way of fixing this thanks
c'est plus simple : setSidebar(prev => !prev)} src={menu_icon} alt="" />Dans cette version, prev est inversé directement en utilisant !prev, ce qui signifie que si prev est true, alors !prev sera false, et vice versa. Cela simplifie la logique de basculement de la barre latérale.
when I was studying a CZcams clone as in the video some of the links in API in CZcams API were incorrect despite some of them being correct what should I do sir
In this CZcams clone how to apply search functionality because in medium device We have no sidebar for change category so if we have search functionality we can search video by category and Channel Title.
1:00:39 play video jsx file import all video1 and like, dislike, dhare , save , jack , user_profile .but it not showing another page video why . how can we solve this problem
👉 Live Preview: vidtube-sable.vercel.app/
👉 Source code: greatstack.dev/go/youtube
pls isme firebase add krke or fuctional bnado
This video was recommended as soon as I opened CZcams. What an exciting tutorial it is.
you are amazing i remember when you used to make small projects videos now your making clones for big apps this 10x more amazing keep posting we want series for big apps like this long videos
Finally completed the CZcams clone project, Thank you so much , it was really awesome!!!.
I just completed this React JS project. Thank you for this CZcams clone. It really helped me a lot. Best CZcams channel to learn and build projects. Keep creating more like this. ❤
Can you help me I am not getting some issue in Play video.jsx file
Not able to fetch the video title
asdfw
@@amarkumarsbg i am facing a problem in the recommended. Jsx
Could any one please help me I'm not getting show code code for getting API link?
@@SanchuVlogs-su6fl just click on expand button of APIs Explorer you will get option of show code :)
Please create one video on JWT authentication in ReactJS or NodeJS in such a way that any beginner can understand and can get a full explanation from scratch to advanced.
You can explain using any project also.
Congratulations on your efforts and making such informative videos.
❤❤❤
bro, Can you make a paid website video . I mean a website that have best SEO ,smooth search ,better Code with MERN
I appear to be missing the Thumnail images from the Asset folder ? Ive just copied some revelant ones dow but worth a mention :-)
Thank you sir....Very very greatful for this tutorial. ❤
Hello, my best lecture on you tube that i have ever meet, that is an amazing tutorial. I recommend you make a tutorial on how to host a website online. Thanks for you great effort to share your knowledge with us 👍👍
I think you need to add functionality to the search bar too, seems pretty straight forward, but you may have missed on it
Just ignore this and continue following the tutorial because the actual API calls work from the app. Its just giving 403 errors in youtube api page on google console
@@rossjames4765the entire application works for me, i just found it weird to have a non functional searchbar 😅
Could you please use any css frame work instead of raw css so it will be helpful!
Sure.. Will do projects with Tailwind CSS.
Nice bro your video is more impactful as compared to others
Çok teşekürler videonu 3 defa dikatle izledim ve 2. izlememde projeyi bende yapmaya başladım anlamadım tekrar tekrar izledim (2) şuanda bende yaptım çok mutluyum 14 yaşındaydım ve arkadaşlarıma hava atıyorum senin sayende ben hindistanlıları hep kötü bilirdim ama senin konuşmandan belli iyi biri olduğun kanalına abone oldum ve şuanda tüm videolarına like atmaya başladım. (konuştuğum dil türkçe benim)
Thank you brother for this exceptional work. Can you make a video on the deployment of a website?
Hi,
Why did you create so many folders ? its really confusing..One more thing. Just for adding functionality into sidebar.. i got confused how many times I have used {sidebar} and where. I didn't get the flow and logic. Can you explain please ?
00:02 Building a CZcams clone using ReactJS for learning key web development features.
02:44 Creating a responsive CZcams clone using React JS
09:06 Setting up folder structure for CZcams clone in React JS
12:26 Create and style Navbar component in React JS
19:34 Adding CSS Properties for Navigation Bar
22:38 Adding CSS properties for navigation menu
28:54 Setting up routes for homepage and video page
31:51 Adding sidebar with shortcut links and icons.
38:16 Adding CSS properties for elements in the sidebar
41:13 Setting up sidebar functionality in CZcams clone using React JS
47:17 Adding CSS properties for sidebar HR tag
50:07 Creating Feed Component in React JS
55:48 Styling video elements with CSS properties.
58:40 Adding elements to the video page
1:04:59 Creating and customizing different components for the CZcams clone
1:08:05 Creating a comment section with user interaction components
1:14:31 Adding CSS properties for various elements
1:17:27 Adding CSS properties for subscribe button and description text.
1:23:14 Create recommended video sidebar with thumbnails and titles
1:26:15 Adding channel name and total views to video thumbnail
1:32:16 Setting up API key for CZcams Clone
1:35:27 Setting up category state and handling API response
1:41:17 Styling the sidebar with CSS properties
1:44:16 Setting up video list URL with category ID and API key in React JS
1:49:54 Using fetched data to update and display cards on the webpage.
1:52:55 Updating video details using API data
1:59:06 Integrate moment package for date formatting
2:02:03 Implementing category functionality and video player in React JS.
2:08:08 Implementing CSS properties and updating data using API
2:11:13 Setting up video details URL and implementing fetch API
2:17:04 Adding API data for view count and time display
2:20:16 Manipulating API data and updating video details
2:26:08 Fetching channel data using API in React JS
2:29:10 Fetch and save channel data
2:34:56 Construct CZcams API URL and fetch comments using React
2:37:50 Store and display comments using React state
2:44:07 Setting up display for 50 comments and creating recommended video section in React JS
2:46:58 Construct API URL using constants and template literals
2:53:02 Updating video details using CZcams API data
2:56:22 Update view count and add video player functionality
3:01:54 Implement responsive design for CZcams clone using CSS media queries
3:04:30 Make video pages responsive for small screens
hi, just a suggestion, i think it's better if you also include the browser in your screen beside your editor while you code so we can see the updates and changes :)
awesome work bro
Thank you for these tutorials
Thank you sir always grateful 🙏
I dont know why, but i dont get tired while watching your videos
Great Video❤👍👍
PERFECT TUTORIAL
Thank you so much sir
Thanks this projects help me alot.. Keep going..
Thank you so much , great video.
Glad you liked it!
It will great pleasure for us or me
If we get c++ language learning video in your channel.
I hope you will upload a video for learning c language.
Especially i am fully satisfied and great understanding from your video
Gooood❤❤
Bhai Hats off to you.
Glad you liked it. Thanks for your comment. 😊
@@GreatStackDev Now I am going to start this.
very helpful 👏👏👏👏👏 nice work
You're welcome. Thank You. 😊
Can you provide the source code of feed jsx I am facing api problem.
Thank you Sir
missing sub button , search and navbar on small screen is not toggle navbar upload video uncomplete just i have little confusion about and on the other hand all the tutorial is superb
thanks for tutorial
Best tutorial to create CZcams clone using react js and CZcams data api
nice video
Can you plz make a video on add to cart in e-commerce website
Mission accomplished. Thankyou ❤
Hello bro,
If you may share the code cause am stuck at 1:02:28 and I can’t find the fix
It would help me a lot, much appreciated
@@soostroyhave your problem resolved?
@@Learn2CodeWithMe yes thanks a lot a lot for asking tho
@@soostroy 👍
I'm stuck in the recommended. Jsx file when I switch the video it fails can you provide the source code. I am trying to figure out but could not find . Can you help ?
Hello, thanks for the video. Could you make one also using Nextjs.
Good :) but u have to make your css cleaner
Also stop copying stuff and leaving them for 1 second then going back to the jsx it’s annoying and I have to go back 10s so much times
Thanks
1:43:31 Can someone please help me? I can't find the show code button at this point of the video. I would really appreciate your help ❤
click on fullscreen logo(it will be on upper-right part) to get code.
1:00:39 play video jsx file import all video1 and like, dislike, dhare , save , jack , user_profile .but it not showing another page video why . anyone please answer to me
same here
In your JSX code and specifcy component rendering, state management, and routing. This will help diagnose the issue effectively and also for to={ dont provide any space}
thank you, please dedicate the video on how to deploy your website have really struggled with netlify but getting 404 error
Make a build folder first
Please bring Some videos on Typescript too I am finding it difficult to implement it with react
Hey GreatStack I have a problem regarding the E-commerce website tutorial you have uploaded and it has to do with the images being too big and that has made the website look very different to what you shown in the video is there any way of fixing this thanks
Hi, there might be some issue. Just message me on Instagram, Will help you to fix it.
instagram.com/greatstackdev/
Which UI library is being used in this video? BTW thank you for sharing this content.
Please create music website using mern stack with admin .
i am not getting show code option when i logged in youtube api data url, to get that fetching url.. how can i get it, pls help me
same problem , but if you see on the top right of api explorer there is full screen option by clicking on that it show you the code .Hope it helps!
@@user-od5hg3hc3w Thanks, I was also trying to figure out the same problem. Thanks for helping
Sir, when i want to add Commentthread API it shows 403 forbidden and says API limit exceeds , how can i fetch the comment api ??
Same issue
why are you using asyn await and then together async await is another way of handling promises u dont need to use them tpgether
Bro can u upload react js project based tutorial udemy or utube it will helpful for all
Love you sir ❤
2:31:11
I am facing a problem : Cannot read of properties of null (reading 'snippet')
If anyone know please give me reply
hi @adchanel7889 did you got data using video id successfully at 2:17:00 ?
@@CoderSingh make sure the path inside App.jsx is same as props u give for example path="/video/:categoryId/:videoId" props must be videoId
please do make a video on how to deploy this project on vercel
Good job
bro please make an video on ai project that generate title , description and tags for youtube video in react js
can we upload video ? if not please make so we can upload video and store it in firebase storage
❤❤❤ from nepal
Thanks! I had built 🎉. Can I host this project by using firebase Does it work?. can anyone answer
Hey could you please tell me how are you able to see hint(suggestion) in same line when you write any thing in editor or terminal?
Hi sir,this video duration 1:44 im not able to get that video list API url.. its only shows execute. Can anyone please help me?
You probably found out already but just click full screen
it will more interesting if search bar is active
Why use normal css instead of module css ?
Should I try to do this using module css ?
How to decide which dependencies should be mentioned in useeffect?
pls isme firebase add krke or fuctional bnado
c'est plus simple : setSidebar(prev => !prev)} src={menu_icon} alt="" />Dans cette version, prev est inversé directement en utilisant !prev, ce qui signifie que si prev est true, alors !prev sera false, et vice versa. Cela simplifie la logique de basculement de la barre latérale.
1:51:24 missing key prop for element in iterator please help
Bro make react projects using tailwind css too.
35:05
Bro ur problem is solved.
completed
when I was studying a CZcams clone as in the video some of the links in API in CZcams API were incorrect despite some of them being correct what should I do sir
In this CZcams clone how to apply search functionality because in medium device We have no sidebar for change category so if we have search functionality we can search video by category and Channel Title.
Same question.if u got any related videos for this please paste link here
how can i add search functionality of youtube when we search something in response youtube send data
Output is not showing on vite+react webpage
why is the video not playing after I put videoId ?
Yes same problem I am getting an error occured. Please try again later
@@taranimalayala1895 go back to your app file on the route remove all the spaces
Why you are not using css frameworks
please create video on how to use context in react am getting confused
This is great but I wish it was in MERN stack
i don't have any basic knowledge of react js can i do this ??
Hello Sir please can you do the same with angular?? thanks
Hello can I ask about your Extensions which Extension are you using for typing for example rafce is bringing reactArrowFunction
React es7 snippets
please provide a video on how to deploy on vercel
You are my love 🥺
hello in youtube api video section show code is not visible how can i do it please solve my bug or error
Go to full screen in APIs Explorer sidebar on right side of your screen, you will see HTTP link there.
Sir please make project with redux-tool kit
Yes sir
Spotify full fledged clone
Bro when I click the list in CZcams data api it is always remains with the string in the APIs Explorer how can I change IT
1:00:39 play video jsx file import all video1 and like, dislike, dhare , save , jack , user_profile .but it not showing another page video why . how can we solve this problem
@@karthikg7698 I am not getting your point
history.ts:501 No routes matched location "/video/15/4521" this is the error in console
Thanku
Hi there. Can you also bring some basic backend projects using nodejs, express and mongodb...in the near future.Thank u
Please start on React js tutorial
How to upload it online brother? Like hostinger and github pages
Bro in vs code i create react app by vite latest in terminal shows react language but today it show preact it's update or not
When I minimize the screen, the Feed section will encroach inside the sidebar. Can anyone explain?
please make a couese on how to deploy
IN 2024 Still you are using prop drliing ? atleast if u cant use redux then use context API.
Sir, there is no option of show code in video category.what should i do?
same here
not getting the show code options in most popular video category