🔥Complete Responsive Metaverse Website Using ReactJS & Tailwind CSS | Build and Deploy

Lección 17 de 5829%

Sigue así. Cada lección te acerca más a tu certificado.

Sobre esta lección

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

Sobre este curso

Lección 17 de 58Nivel: principianteDuración total: 105h 29m

Lo que aprenderás en este curso:

  • Dominar la sintaxis moderna de JavaScript (ES6+)
  • Manipular el DOM y gestionar eventos del navegador
  • Trabajar con funciones asíncronas, promesas y APIs
  • Implementar estructuras de datos y algoritmos en JavaScript