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

[@user-qo6vf1hz8u]

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

[@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

[@footprint_arts]

My school ❤ thank you sir!

[@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🥰🥰🥰🥰🥰🥰🥰🥰

[@abuzonayedriyadh2994]

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

[@mrinalbera6080]

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

[@DEVTECHNICALTECHNOLOGYAN]

Awesome ❤

[@annesarahsadien3620]

Works very well thank you

[@PRen2024]

thank you avinash 👑🙏

[@rakibkidzlab8550]

Most favourite programming channel ever!

[@programming3617]

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

[@jayesh4937]

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

[@JD-SANJEY]

One of my favourite TH-cam channel ❤

[@danielnzioka8273]

which terminal are you opening in fast step

[@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?

[@SandeshGajare]

Thank you

[@MarufHasanShihab99]

Love You Brother

[@harish5466]

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

[@chiedoziechibueze2885]

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

[@hazmatyt4046]

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

[@simplysaluma]

Love your content! Can you please link the images?

[@elvo90]

This is epic 🤟

[@Codewizard415]

that is cool bro

[@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 .

[@Neymarjr-be7bs]

Awesome

[@kingdomtechnocratforreviva77]

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

[@Tech_Code127-76]

nice

[@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

[@cratortech3d472]

You're the best sir

[@himanshusharma8379]

where is assests folder

[@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

[@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

[@fulviodimaio7792]

Is this section responsive?

[@shabadjotsingh]

Can you create a responsive youtube-clone Using TypeScript

[@Crazy_beats_6]

Super explanation sir❤😍

[@itssandeep2793]

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

[@Pawan-1967]

Please make a video on JQuary and Redux Toolkit.

[@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! 😊

[@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 “

[@vicentesoto1628]

Excuse me mate, before beginning, is this responsive?

[@Lxkky]

Please share assets link, thank you

[@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

[@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: th-cam.com/video/h7KSib2fAtk/w-d-xo.html

[@praveenpraveen7335]

Is it responsive

[@user-ir3mp2sr8e]

Bro please upload backed part of e commerce

[@dangermaheswari3015]

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

[@yehanlakwindu5455]

Thanks for guidance ❤

[@GreatStackDev]

Glad you liked it. Thanks for your comment. 😊

[@mohammadrezahelali6947]

❤

[@harshitnegi05]

Bro provide the assets link❤

[@nnbhanuprakash]

Bro give me assets link bro

[@tutorialsandfun9388]

This is not working for me

[@CyranicalGoated]

Where is the source code sir?

[@himanshusharma8379]

Give the assets folder

[@sharmageeks]

source code

[@code_with_heart]

Make it responsive for mobile devices

[@tutorialsandfun9388]

Not working

[@dangermaheswari3015]

Bro give us the assests Link

[@drexk6569]

Google drive,the link is there

[@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

[@dangermaheswari3015]

Please bro

[@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