React Js Tutorial Bangla 2025 | Build a Agency Website using React js, Tailwind CSS & Firebase

WebCode Agency Website using React Js and Talwind CSS with Firebase Authentication🔥

👉 কি কি থাকছে এই Project এঃ
১) Firebase Authentication : কিভাবে email/password ইউজ করে ওয়েবসাইটে ইউজার registration and login করতে হয়, social login কীভাবে করবেন, onAuthStateChange এর মাধ্যমে কীভাবে ইউজার এর state manage করবেন এবং authContext নিয়ে Details আলোচনা
২) React Router: এখানে কিছুদিন আগে রিলিজ হওয়া React Router ইউজ করে routing and navigation, layout কীভাবে বানাবেন, catch-all-routes, global error handling এর মত বিষয়গুলো থাকেছে
৩) Pricing section এ কীভাবে monthly and yearly বেসিসে pricing দেখাবেন, কীভাবে custom Accordion বানিয়ে FAQs section তৈরি করবেন, সেটা খুব ভাল ভাবে শিখবেন
৪) React js and Tailwind CSS এর মোটামুটি আরও একবার রিক্যাপ হয়ে যাবে
৫) Folder Structure, Clean Code, এবং কীভাবে component বানিয়ে code reuse করা যায়, তা নিয়ে কিছু tips and tricks থাকবে

#ReactJS #tailwindcss #firebase #authentication #WebDesign #webdevelopment

⬇️ Learn Web Design for FREE ⬇️

কোর্স রিলেটেড যেকোন কিছু জানতে যোগাযোগ করুন:

🕒 Video Chapters:
00:00:00 – Introduction
00:11:30 – Project setup
00:32:29 – Setup React Router and DaisyUI
00:56:17 – Create Navbar
01:17:38 – Hero section
01:44:13 – Tools section
02:02:45 – Display company logo with animation
02:21:19 – Services section
02:33:07 – Testimonials
02:50:54 – Blogs
03:01:30 – Team section
03:13:22 – Pricing section
03:39:06 – Faq section
03:53:24 – Newsletter section
03:57:04 – Footer section
04:02:10 – Catch all routes and others page
04:12:52 – Design Login and Registration page
04:47:32 – Setup Firebase Authentication
05:01:33 – AuthContext and Authentication Functionality
05:46:56 – Private Route and Dashboard
05:55:42 – Deploy project on Vercel

🏷️Images & Source Files:
🎨Design:

⬇️Popular Playlists⬇️

► You Can Share your Ideas In this ❤️Comment Box❤️

❤️Search Me In Google ► CodeTutorBD

📢 Follow and learn basic from our popular community leader:

🏷️ Related Tags:
javascript, tailwindcss, Bangla, Tutorial, css for beginners, html CSS, tailwind CSS, css tutorial for beginners, tailwind CSS, tailwind css tutorial, javascript tutorial, javascript for beginners, bootstrap tutorial, react js tutorial, Learn with Sumit, Hablu Programmer, Stack Learner, Rabbil Hasan, Web Development Bangla, Web Design Bangla, Anisul Islam, Stack Learner, Jhankar Mahbub, React JS Bangla, Web Development Tutorial Bangla, learn with hasin hayder

Disclaimer:
=========
This channel may use some copyrighted materials without specific authorization of the owner but contents used here falls under the “Fair Use”
Copyright Disclaimer under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use.

[hashibulhassanhira]

খুব ভালো কাজ, , , reactjs নিয়ে আরো কাজ চাই আমাদের মতো ফ্রেশার দের জন্যে❤

[gamer-edye]

thank you You teach very well. I am subscribing to all three of your channels. Hope you release continuous video on Bangla channel.

[morjina-bjfr]

Reactjs নিয়ে আরো কাজ চাই ফ্রেশার দের জন্যে❤

Thank you

[Md.RabiulAuwalRabi]

এভাবে একটা কার্ড অপারেশন করে দেন ইমেজ সহ আপডেট ও ডিলিট লারাভেল ১১ আর একটা এডমিন প্যানেল ডিজাইন দেখায় অনেক ভিডিও দেখছি কিন্তু আপনার মতন এত সুন্দরকে কেউ বোঝায় নাই

[paltonmurmu]

আপনার দেওয়া ফিগমা ফাইটি আমার ‍একাউন্টে আনতে পারছিনা কেন ? সমাধান দেন ধন্যবাদ