How To Make Website Using React JS | Website Header Design In React JS

Learn How To Make Website Using React JS | Website Header Design In React JS
❤️ SUBSCRIBE: ‪@GreatStackDev‬
In this tutorial we will make a website header design in React JS. In this website design we will add background video. We will also add full screen image slider to make the website more interactive using React JS.
Download the Assets: drive.google.com/file/d/1KcvR...
👉 React Introduction Tutorial: • What Is React (React J...
👉 React Beginners Course: • React JS Tutorial For ...
#ReactJS #ReactJsTutorial #ReactJsProject #GreatStack
-------------------------------------
Build more React JS projects:
Complete Ecommerce Website In React:
👉 • How To Create Complete...
Complete Portfolio Website In React:
👉 • How To Make Portfolio ...
Build ChatGPT Clone In React:
👉 • Build ChatGPT In React...
Build AI Image Generator with OpenAI In React
👉 • Build An AI Image Gene...
Create Weather App In React
👉 • How To Create Weather ...
-------------------------------------
Recommended HTML and CSS Projects:
Learn Complete HTML and CSS from basics:
► • HTML And CSS Tutorial ...
Make A Complete Website for college using HTML & CSS:
► • How To Make A College ...
How to make personal resume website step by step:
► • How To Make A Website ...
-------------------------------------
Connect with me:
👉 linktr.ee/iamavinashkr
Connect with GreatStack:
Instagram: / greatstackdev
Twitter: / greatstackdev
Facebook: / greatstack

[@footprint_arts]

My school ❤ thank you sir!

[@programming3617]

Well explained ❤and made tough to simple ❤🎉thank you

[@annesarahsadien3620]

Works very well thank you

[@rakibkidzlab8550]

Most favourite programming channel ever!

[@JD-SANJEY]

One of my favourite CZcams channel ❤

[@PRen2024]

thank you avinash 👑🙏

[@sadithya2999]

sir just a small request. Can you put all the React projects video in a playlist ?. It would be easy to navigate. I love your content very much sir. thanks in advance

[@benjosejoseph1213]

Sir please make more and more videos on reactJS learning a lot from your each video and i am happy to learn it from you sir🥰🥰🥰🥰🥰🥰🥰🥰

[@DEVTECHNICALTECHNOLOGYAN]

Awesome ❤

[@elvo90]

This is epic 🤟

[@kingdomtechnocratforreviva77]

Thank you so much Sir,i did it and it's working perfectly fyn

[@itssandeep2793]

heyy can you tell me from where you have downloaded car video

[@Learn2CodeWithMe]

​@@itssandeep2793 in description they provide the assests download link. Go and download it from there

[@chiedoziechibueze2885]

U are the best my boss...pls help with the pic folder

[@MarufHasanShihab99]

Love You Brother

[@cratortech3d472]

You're the best sir

[@himanshusharma8379]

where is assests folder

[@simplysaluma]

Love your content! Can you please link the images?

[@Codewizard415]

that is cool bro

[@SandeshGajare]

Thank you

[@Neymarjr-be7bs]

Awesome

[@kingdomtechnocratforreviva77]

God bless you ,for sharing this with us..more knowledge shall be added to you in jesus name.Amen

[@harish5466]

Can you please video on using only react js + bootstrap?

[@yehanlakwindu5455]

Thanks for guidance ❤

[@GreatStackDev]

Glad you liked it. Thanks for your comment. 😊

[@Tech_Code127-76]

nice

[@jinalshah7546]

thankyou so much sir it was explained well just a request to show the output after doing some code so we can interpret the results and get most out of it.☺

[@GreatStackDev]

Noted.. Will do it next time. Thank You! 😊

[@Crazy_beats_6]

Super explanation sir❤😍

[@itssandeep2793]

heyy can you tell me from where you have downloaded car video

[@jayesh4937]

Hello Sir, do we have permission to use this and your other tutorials in our personal websites?

[@user-qo6vf1hz8u]

hello sir ! can you tell me the syntex "include" if we enter data in website form and stored in to database

[@mohammadrezahelali6947]

❤

[@Pawan-1967]

Please make a video on JQuary and Redux Toolkit.

[@farhadthomas]

Css
background {
top:0;
left:0;
right:0;
bottom :0;
}
You can use :
background {
inset: 0, 0, 0, 0;
}

[@annesarahsadien3620]

tried it, it's showing a white bar at the top now

[@mrinalbera6080]

Sir I have one question. Can you please provide the website link from where you download all the icons

[@abuzonayedriyadh2994]

When I presed the nav button it got exception: setHeroCount is not a function. hoow too resolve it?

[@user-ir3mp2sr8e]

Bro please upload backed part of e commerce

[@eshans5886]

The tag is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter. -i cant solve this by any imports nor from hints in stackoverflow ,can anyone help?

[@surendharsurendhar5021]

In react the user components should be starts with uppercase letter.
If you wanna use html image tag then use it as or you wanna use your own component then use .

[@danielnzioka8273]

which terminal are you opening in fast step

[@shabadjotsingh]

Can you create a responsive youtube-clone Using TypeScript

[@Lxkky]

Please share assets link, thank you

[@BhaktiTone]

Sir Please Tell Me How To Create A Website Where We Can Or User Can Upload Any Images Of Their Choice And That Images Are Visible To Everyone Who Visits The Website

[@LexxGee1234]

I have a problem, When I was creating and developing the .hero file, I copied everything you did in the file. But for some reason, When I went into the website, The website was just....blank. Is there a solution for this problem?

[@HamzaJavedhj]

when i use hero in app.jsx my code isnt working. somene tell me the issue please

[@D.M.InDz_3]

It’s facing a similar problem
I get this error “React not defined “

[@hazmatyt4046]

How do you write on 2 lines at the same time like that?

[@dangermaheswari3015]

Bro please give us the link then i will complete this project

[@vicentesoto1628]

Excuse me mate, before beginning, is this responsive?

[@suatcelik7834]

How can I access the source code? Navbar stays below the images, I couldn't find the reason. Once you start playing MP4, everything is normal. I couldn't solve this problem

[@Universaldrops]

Mostly you can make out the error in console in the browser

[@harshitnegi05]

Bro provide the assets link❤

[@fulviodimaio7792]

Is this section responsive?

[@dangermaheswari3015]

Bro give us the assests Link

[@drexk6569]

Google drive,the link is there

[@ikcode]

Hello greatStack i buy mern project from you but bro i am getting error "Failed to fetch
TypeError: Failed to fetch" and it is not showing products

[@GreatStackDev]

Hi, just check this tutorial to run my ecommerce project: czcams.com/video/h7KSib2fAtk/video.html

[@sharmageeks]

source code

[@code_with_heart]

Make it responsive for mobile devices

[@praveenpraveen7335]

Is it responsive

[@himanshusharma8379]

Give the assets folder

[@nnbhanuprakash]

Bro give me assets link bro

[@CyranicalGoated]

Where is the source code sir?

[@dangermaheswari3015]

Please bro

[@tutorialsandfun9388]

This is not working for me

[@emirazim7699]

sir can you post the codes I get errors

[@RPD00770]

Brother Try with videos bcz when u complete 10 project u will be master in react not in source code ,I tried my mind is gone but I completed

[@tutorialsandfun9388]

Not working

[@fahomenhera2820]

You are doing like 0 explanations on project concept and code your wite. It's like typicall tutorial Hell channel. "Write this" "Do this".

[@Tabitha_Dorcas]

Video is not playing

[@chanakromayssae4470]

did it work for u?

[@aswinkrishna9783]

why my images are not showing . PLEASE HELP🥲

[@M.A.NimeshSandeepa]

something codinv errors...check again

[@user-uv4zu8rv5o]

Me too a solution pls😢

[@Universaldrops]

So u need to import the image tag in header and use for example:
Import Image from './images/hello.png'
In code you need to use the Image imported for eg

[@tutorialsandfun9388]

Same erroe

[@tutorialsandfun9388]

Got the issue
In the App.jsx file.
Please check 'export default App' is there or not