Thank you guys for watching this video. Hope you enjoyed it. Please support me to reach my 100K Subscribers Goal. 🔥 Please Share this project on your social media. It will help me to reach more people 💖 Chapters: 0:00 Adapty 1:38 Intro 7:23 Project Setup 11:15 Navbar Component 25:12 Dynamic Navbar Component 48:24 Responsive Navbar 1:11:18 Create Pages 1:16:32 Route/Switch Pages 1:26:40 Hero Component 1:33:44 Dynamic Hero Component 1:59:25 Destination Component 2:16:10 Dynamic Destination 2:30:51 Trip Component 2:48:06 Footer Component 3:00:40 Service Page 3:01:31 About Page 3:05:31 Contact Form 3:14:00 Task For You
Bro, would you make a video on your struggles of learning web development and how you come to that position today. And also some tips for us how to become as perfect as you... Lots of luvs from DHAKA😊😊😊😊😊😊😊😊😊😊😊😊😊😊
@@sajibahmed0011 Im not perfect bro. Im still learning every single day. Though its a big compliment for me. Thanks. I will try to make a video on this in future.
2:16:05 if you go to this time stamp I saw this Taal Volcano Batangas I am proud Filipino here that is why Batangas is from Philippines. 🇵🇭 I am watching it. I love your projects! Thanks for mentioning!
So well explained i love your teaching style and Love you from India.... One Day your channel have million subscriber... THANKS AND UPLOADING MORE COMPLEX PROJECTS TUTORIALS
@@Tech2etc thank for your reply. And because or your tutorial I think I will learn more about web development.... Please don't stop producing these kind of quality content...
I literally wrote the the whole code till hero section completely same and still my home page got completely messed up. It all started when i had to use background image from unsplash. Dont know why this happened.
While defining the function use upper case for starting letter and while importing also importing with upper case only by that u can overcome with issue
sir I have written the code same as you but the hero component in all the pages is taking 100% height even tho I set it to 70vh still it's taking full height in about section where we put the class name to hero-mid what is wrong , it's the only property which is not changing for example if we are using display:none it works but height:70vh does not work
At 1:56:53 my hero-mid is not responding After struggling whole night i added the hero mid in the hero.js along with hero-text!!! Anyone facing same prb can do this !!
sir please use functional components instead of class components as they are more complex and also library developers recommend using functional components.
After adding browser router ..it is showing Link is a void Element tad and must neither have children not the dangerouslySetInnerHTML. How to solve this?????
The only problem I see is that, even though the navbar is hidden to the left of the screen, you can still mouse over to the far corner and see the cursor still there and can change the pages without the navbar appearing.
![React Tutorial For Beginners [ReactJS] | ReactJS Course | ReactJS For Beginners | Intellipaat](http://i.ytimg.com/vi/9vZ8ELqerPo/mqdefault.jpg)
Thank you guys for watching this video. Hope you enjoyed it.
Please support me to reach my 100K Subscribers Goal. 🔥
Please Share this project on your social media. It will help me to reach more people 💖
Chapters:
0:00 Adapty
1:38 Intro
7:23 Project Setup
11:15 Navbar Component
25:12 Dynamic Navbar Component
48:24 Responsive Navbar
1:11:18 Create Pages
1:16:32 Route/Switch Pages
1:26:40 Hero Component
1:33:44 Dynamic Hero Component
1:59:25 Destination Component
2:16:10 Dynamic Destination
2:30:51 Trip Component
2:48:06 Footer Component
3:00:40 Service Page
3:01:31 About Page
3:05:31 Contact Form
3:14:00 Task For You
Bro, would you make a video on your struggles of learning web development and how you come to that position today. And also some tips for us how to become as perfect as you... Lots of luvs from DHAKA😊😊😊😊😊😊😊😊😊😊😊😊😊😊
@@sajibahmed0011 Im not perfect bro. Im still learning every single day. Though its a big compliment for me. Thanks.
I will try to make a video on this in future.
@@Tech2etc How can you place adobeXD inside the Shopify app? Is it hard?
hello plz make shoping card using vainala js plz plz
bro this project is not workin vs code...when we add Browserrouter in index.html file then there is no output....
"Here you can see that" , also nice video , the accent is very indian sir.
you are amazing , you simplify everything to the basics . adding all your videos to playlist
2:16:05 if you go to this time stamp I saw this Taal Volcano Batangas I am proud Filipino here that is why Batangas is from Philippines. 🇵🇭 I am watching it. I love your projects! Thanks for mentioning!
More projects are coming soon.
Please share this project on your social media. It will help us. Thanks.
చాల బాగా చెప్పారు
Good explanation
Iam from andhra only Telugu language.
But your explanation super
Thank you so much!
More projects are coming soon.
Please share this project on your social media. It will help us. Thanks.
Why you are not used functional components as it is more simple??
Thank you so much
This project helps a lot.... finally understood the concepts of react
Need more react tutorial projects
More projects are coming soon.
@@Tech2etc bro plz tell which website u use to download image
Thank youu, i learnt a lot of thing ,and the way you explain the things in details is much better than others
So well explained i love your teaching style and Love you from India.... One Day your channel have million subscriber... THANKS AND UPLOADING MORE COMPLEX PROJECTS TUTORIALS
Thank you for content ❤️🔥
Please bring 2 projects which covers basics of all
and 2nd one for advanced topics like redux, state management n all. 🔥
Thank you for this content. Don’t stop to bring more of them
🥰 Successfully created This awesome project,
This project is help me a lot, how to make dynamic components, very easily understandable .
Thanks Bro 🥰
Hlo
bro can u send me your github id
such a nice video for the beginners and you gives each concept in full of basic ❤💕
The wait is worth it❤️
Best sir
More projects are coming soon.
Please share this project on your social media. It will help us. Thanks.
An online store with react would be a good contribution. Thanks
Without you I am nothing sir❤
Thank You! I learnt a lot from this :)
salute to you sir you have doing great work and hard work it is very helpful video for beginner...
Completed 💯 thanks a lot ....best project to learn react basics
great job ...can we create component with function instead of class
yes we can create components with function. I am referring Sir's video and making function components instead of class components.
Class component is out of date
Why not functional components?
Hello, I'm a fan of your channel. You could teach how a cargo tracking project would be through a tracking code. like the post office
Tq sir it's very nice.. sir can u upload one vedyo for adding video in the project and auto side photo gallery to the project .. tq very much
Bro one doubt can a beginner who just know only JavaScript can learn react from this tutorial?? Plzz reply bro... It will be really helpful
Yes they can.
@@Tech2etc thank for your reply. And because or your tutorial I think I will learn more about web development.... Please don't stop producing these kind of quality content...
Much Thanks its very understandable. keey the work
Does it have backend integrated with it or its only the front end?
I literally wrote the the whole code till hero section completely same and still my home page got completely messed up. It all started when i had to use background image from unsplash. Dont know why this happened.
can I get the git hub repo of this project?
My home page is not being connected to the app.js and the heading of home page isnt visible like yours at 1:16:08
do you know how to rectify this error ?
While defining the function use upper case for starting letter and while importing also importing with upper case only by that u can overcome with issue
@@SK-bu5zj check the comment once
And how to create components using Functions?
why you did not use React Bootstrap...? is it not recommended
Can you please tell me how can I add a favicon in the same project?
bro can you make next react project using function components please
sure... i will try.
Awesome video, keep it up ❤🔥❤🔥❤🔥
sir I have written the code same as you but the hero component in all the pages is taking 100% height even tho I set it to 70vh still it's taking full height in about section where we put the class name to hero-mid what is wrong , it's the only property which is not changing for example if we are using display:none it works but height:70vh does not work
Same problem here . Did you find the reason ?
please sir make more projects like this....
I have a question. For the routes, do we need to enclose inside or is it not necessary?
It is necessary!
You are a lifesaver!
backend?
from where can we get the images of assets folder
You are great sir🎉
It will be good if you have used only functional components
Hi.. How I connect with you? Please help me a project.
Does contact form works ???
I am facing invalid hook call error
please help
anyone can help?? after routing my burgermenu gone what to do?
Can you complete this as a MERN project?
from where can i find the source code of this project
can you build a mern app smiilar to tripadvisor please
Can you please make video on working signup page please 🥺
Do a project using functional component bro
very useful thank you
At 1:56:53 my hero-mid is not responding
After struggling whole night i added the hero mid in the hero.js along with hero-text!!! Anyone facing same prb can do this !!
Yeah my hero section is always taking full height ..
waiting for my recommnded website tutorial
it was awesome:)
This is SPA?
Awesome Work
More projects are coming soon.
Please share this project on your social media. It will help us. Thanks.
I thought were going to build adapty at the first of the video😂
sir please use functional components instead of class components as they are more complex and also library developers recommend using functional components.
What's the difference: Are functional components better than class? Is that outdated? Or is functional components more efficient?
@@ItachiUchiha-cu2gv i prefer using functional components cause its efficient and also u cannot use hooks in class components
@@sachinrajbhar9475 Oh okay thanks
When i was doing the nav links in navbarstyle.css the changes are not applied can someone resolve the problem please
tank you i appreciate
Thanks 👍
awesome
Hello, I have bought your project, can anyone help me how to access all the source codes? If I click the link again its asking for payment!!!!!
Hey, can you message us from the platform you have bought the code?
hiii Brother can you give the project
imge is not coming
Thanks a lot
name font plis?
Sir plz make a video on MERN STACK project❤❤
More projects are coming soon.
Please share this project on your social media. It will help us. Thanks.
@@Tech2etc ok sir
Thank u
can anyone provide me css of this project
dont finding images
bestt video no errors
After adding browser router ..it is showing
Link is a void Element tad and must neither have children not the dangerouslySetInnerHTML.
How to solve this?????
Do you know how to deal with it?
It's really urgent
@@khushirawat8476 I've done with this video there's no error at all.
So please try again carefully
Hi, font awesome icons not showing/working.
have you added the font awesome cdn link in the index.html file?
@@Tech2etc yes... But Still not working.. 😔
@@md.fahimal-rashid803 If everything is ok inside your code, then sometimes clearing the browser cache works.
Write home in next line of icon tag not in same line
Awesome ❤️❤️❤️
More projects are coming soon.
Please share this project on your social media. It will help us. Thanks.
@@Tech2etc of course it’s Very helpful for everyone
58:00
Buen video bro
Img not working
I need help
sir please make e-commerce website clone using react + firebase
Nice⚡🎗
Is it using react native? Or just react
react only
thankyou
You're welcome!
More projects are coming soon.
Please share this project on your social media. It will help us. Thanks.
❤
Sir I need your help 💫
if anyone got this project please provide me your github
i just want css
1:09:11
❤️❤️❤️
More projects are coming soon.
Please share this project on your social media. It will help us. Thanks.
beginers go fot itttt
1:24:41
Pls share images link
U could go to the main source code and then u will find a file named "assets" that has all the images
3:02:30
any one can create SignUp page reply me
😃
Anyone use vs code
Adhi website banne k baad save ni hori 3bar firsw bana chuka hu🥲any help
mf
Don't ever stop making content like this. Hats off!!!
How to add drop-down box ?? Can u pls suggest
The only problem I see is that, even though the navbar is hidden to the left of the screen, you can still mouse over to the far corner and see the cursor still there and can change the pages without the navbar appearing.
Epic design man! Can I use your design or parts off for my projects/live sites? :D
Sure you can do that.
Also please share this project on your social media. It will help us. Thanks.
@@Tech2etc Thank you :) I will link/credit your youtube account on my sites!