React Responsive Navbar Tutorial - Beginner React JS Project

Channel:

Tech2 etc

Subscribers:

163,000

Published on August 9, 2022 9:45:00 AM ● Video Link: https://www.youtube.com/watch?v=23BHwAFIZmk

Category:

Tutorial

Duration: 47:10

101,600 views

1,456

Lets learn how to create responsive navbar using react js. This is a part of our react js course. In this tutorial, we will make a professional looking navbar using basic react js. After creating our navbar, we will also learn how to deploy our react project on GitHub & Netlify.

Code Sandbox: https://codesandbox.io/
Logo: https://logoipsum.com/
Difficulty Level 2: https://youtu.be/q4mr71mFBr4
GitHub repo: https://github.com/tech2etc/React-Navbar-Beginner
SourceCode1: https://www.buymeacoffee.com/tech2etc/e/83769
SourceCode2: https://ko-fi.com/s/3219c3644a

All Source Codes: https://www.buymeacoffee.com/tech2etc
⛔❌Do Not CLICK This Link: https://bit.ly/3lJLyLY
Need any help? Join my Discord: https://discord.gg/C58ZQAk2DE

⭐️ Merch ⭐️
👕 Merchandise: https://tech2-etc.creator-spring.com

If you enjoyed this video, then please please 👍LIKE and SUBSCRIBE this channel & press the bell icon for future videos.
Thank you.

=============
SUPPORT ME 💪
=============
🎁 Support and Buy Me A Coffee for exclusive episodes, discord and more!
https://www.buymeacoffee.com/tech2etc

🎀 Donate Me By Paypal: https://www.paypal.com/paypalme/tech2etc

==========================
Free Course to Improve Your Skills
==========================
✅ WordPress Insider:
https://youtube.com/playlist?list=PL9bD98LkBR7NBwgZ8VJ-Xae9d9VebQKcF

✅ Learn Bootstrap With Projects:
https://www.youtube.com/playlist?list=PL9bD98LkBR7MQDG8yyLk3M95HJit70Pcu

✅ Web Development For Beginners:
https://www.youtube.com/playlist?list=PL9bD98LkBR7PiaJM56jgopq7mn9L3nDug

✅ Responsive Web Design With Projects:
https://www.youtube.com/c/Tech2etc/playlists?view=50&sort=dd&shelf_id=5

✅ Learn JavaScript With Projects:
https://youtube.com/playlist?list=PL9bD98LkBR7P16BndaNtP4x6Wf5Ib85Hm

✅ Learn Python With Projects:
https://youtube.com/playlist?list=PL9bD98LkBR7MiD-jeRLfaakke09zYSXrD

===============================
Connect with me & get daily updates👇
===============================
Discord: https://discord.gg/C58ZQAk2DE
Instagram: https://www.instagram.com/fahimulkabir.tech2etc/
Twitter: https://twitter.com/tech2etc
LinkedIn: https://www.linkedin.com/in/fahimulkabirchowdhury/
Group: https://www.linkedin.com/groups/14295322/
FB (Personal): https://www.facebook.com/mdfahimulkabir
FB Page: https://www.facebook.com/Tech2etc

Chapters:
0:00 Intro
2:18 Code Sandbox
8:50 Creating Components
9:59 Create Navbar
15:47 Navbar Styling
22:24 Responsive Navbar
39:55 Deploy Your Project
44:52 Download Your Project

#reactjs #webdevelopment #javascript