Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Complete Responsive Digital Agency  Website Using ReactJS & Tailwind CSS | Build and Deploy
Play lesson

Complete Responsive Websites ReactJS and Tailwind CSS - Complete Responsive Digital Agency Website Using ReactJS & Tailwind CSS | Build and Deploy

5.0 (1)
10 learners

What you'll learn

This course includes

  • 105.3 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

📥 Download this template from here ( FREE Download ) 🔗https://templatesee.com/template/digital-agency-business-website-react 🔥FREE | Premium | Custom website templates on our website! 🔗 https://templatesee.com ✅ For Startups & Businesses – Build a stunning online presence effortlessly. ✅ For Developers – Customize & use it in your projects. ✅ For Learners – Perfect for practicing and improving your web development skills! - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Description: In this tutorial you will learn how to build Modern website using ReactJS and Tailwind CSS. From creating folder to writing code and debugging, you'll learn everything in easy way. We use latest technology and methods to create fully responsive website. 👁️ Live Preview: https://digital-agency-tcj.netlify.app/ 🧡 Get Source Code || Assets absolutely Free Join Our TCJ Community😍 🔗https://templatesee.com 💬 Join our community WhatsApp :- https://chat.whatsapp.com/Hu643OfjQax7zgqQdlok2C Telegram :- https://t.me/the_coding_journey - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Features: 🟠 Dark and Light mode 🟠 Responsive Sidebar Menu for mobile view. 🟠 Animate on scroll feature 🟠 Responsive Testimonial section with scroll using Reactjs and Tailwind CSS 🟠 Fully responsive app ( All device supported ) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - What you will learn: 🔥 How to build Modern website using Reactjs and Tailwind CSS. 🔥 You'll implement Dark/Night mode feature. 🔥 You'll know how to implement Animate on scroll feature in react app. 🔥 You'll build fully Responsive website in reactJS using tailwind CSS 🔥 Best practices and debugging skills. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ⏱ Timestamps 00:00 Demo 01:48 Responsive Demo 05:06 Download software ( Node and VS code editor ) 05:57 Project Setup 08:23 Tailwind CSS configuration 09:48 Install Extension in VS code (Tailwind CSS Inteli, React / E7+ snippet ... ) 13:25 Responsive Navbar React js and Tailwind CSS 26:50 Dark Mode Feature 36:04 Sidebar Navigation for Mobile view 52:20 Responsive Hero section with Tailwind CSS 01:02:26 Brand Logo section 01:07:21 Responsive Services Card Section Tailwind 01:17:00 Testimonial Slider Section with reactjs and tailwind css 01:28:18 Blogs Card using React js and Tailwind CSS 01:41:33 Responsive Footer with React js and Tailwind CSS 01:50:46 Scroll Animation 02:02:20 Testing And Final Overview 02:06:24 Deployment - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 💼 Packages : tailwind css - https://tailwindcss.com/ react - https://react.dev vite js - https://vitejs.dev/guide/ Aos (animation) - https://michalsnik.github.io/aos/ react icons - https://react-icons.github.io/ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - #reactjs #templatesee #tailwindcss #tailwind #responsivewebsite #websitedesign #css3 #css #html #htmlcss #webdesign #webdevelopment #frontend #frontenddevelopment #uidesign #uiux #thecodingjourney #tcj

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere