Course Hive
Search

Welcome

Sign in or create your account

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

Complete Responsive Websites ReactJS and Tailwind CSS - 🔥Complete Responsive Metaverse 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

In this tutorial you will learn how to Build and Deploy Full Responsive Metaverse VR Headset Website with React and Tailwind CSS. 👁️ Live Preview: https://metaverse-tcj.netlify.app 📂 Source code (Support 💖) : https://www.buymeacoffee.com/thecodingjourney/e/229849 🎁 Source Code (Github) : https://github.com/dilshad-ahmed/vrworld-web (⭐) 💬 Join our community WhatsApp :- https://chat.whatsapp.com/Hu643OfjQax7zgqQdlok2C Telegram :- https://t.me/the_coding_journey 🎬 Playlist ( Full website Build from scratch + Free Assets + Free Code ) https://www.youtube.com/playlist?list=PLt2fZkYs6q_l2WebLGr6biyk551rLUtLV - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Features: 👉🏻 Responsive Complete Landing page. 👉🏻 Animation on scroll. 👉🏻 Fully responsive Hero page( All device supported ) 👉🏻 Dark and Light mode features. 👉🏻 Custom Video Player What you will learn: 🔥 How to build Responsive Navbar using ReactJS. 🔥 Dark And Light mode Features. 🔥 How to build Modern Responsive Hero page using ReactJS and Tailwind CSS. 🔥 You'll learn to animation on websites. 🔥 You'll build fully responsive website in reactJS using Tailwind CSS 🔥 Best practices and debugging skills. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ⏱ Timestamps 00:00 Demo 03:00 Responsive Demo 04:30 Software Download 05:00 Project Setup & Configuring tailwind CSS 10:58 Navbar section with Reactjs & Tailwind CSS 22:20 Mobile View Sidebar Menu 27:21 Dark and Light mode feature 34:09 Responsive Hero Section Taiwind CSS 52:22 Quotes Section 57:48 Banner Section 01:11:58 Features Section 01:23:04 App Store Section 01:30:10 Responsive Footer section with Tailwind CSS 01:42:30 Custom Video Player Section 01:54:56 Animation Section 02:04:07 Final Design 02:07:17 Deploying the app - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 💼 Packages : tailwind css - https://tailwindcss.com/ react - https://react.dev vite js - https://vitejs.dev/guide/ react icons - https://react-icons.github.io/ Google Fonts - https://fonts.google.com/ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - #reactwebsite #responsivewebsite #tailwindcss #reactjs #metaverse #visionpro #virtualreality #tailwind #websitedesign #html #css #html5 #css3 #htmlcss #webdesign #webdevelopment #frontend #frontenddevelopment #uidesign #thecodingjourney #tcj #coding #reactjstutorial #codingtutorial #uiux

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