3D Portfolio Website | ReactJS & Tailwind CSS | Build and Deploy
Sigue así. Cada lección te acerca más a tu certificado.
Sobre esta lección
3d Portfolio Website using ReactJS and Tailwind CSS. 3d personal portfolio website, 3d Portfolio, 3D Portfolio Website Tutorial, 3D Animation Portfolio, 3D Animated Portfolio Website using ReactJS & Tailwind CSS 3d Portfolio Website | ReactJS & Tailwind CSS | Build and Deploy 👁️ Live Preview: https://3d-portfolio-tcj.netlify.app/ 🧡 Get the source code absolutely Free || Don't forget to LIKE & SUBSCRIBE😍 💬 Join our community WhatsApp :- https://chat.whatsapp.com/Hu643OfjQax7zgqQdlok2C Telegram :- https://t.me/the_coding_journey Source Code :- 🎁https://github.com/dilshad-ahmed/3d-portfolio 👨🏻💻 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Checkout other portfolio website: https://www.youtube.com/playlist?list=PLt2fZkYs6q_mLcBqF2PS3-YCBkhrBOqhD Responsive Animated website using ReactJS & Tailwind CSS: https://www.youtube.com/playlist?list=PLt2fZkYs6q_l2WebLGr6biyk551rLUtLV - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Features: 👉🏻 Animated 3d portfolio website. 👉🏻 Flipping Book Portfolio website using Reactjs and Tailwind CSS. 👉🏻 Beutiful 3d Animated website. 👉🏻 covered Heropage, skills page, services, about us and projects page. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - What you will learn: 🔥 How to build 3d portfolio website using Reactjs. 🔥 How to build Flipping book creative website. 🔥 How to build Modern Responsive Hero page using ReactJS and Tailwind CSS. 🔥 You'll build Responsive services Card. 🔥 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 👉🏻 Download Node js & VS code if you have not installed 02:17 Project Setup & Configuring Tailwind CSS 07:23 Extension Download: ES&+React/redux snippets 👉🏻 after that "rafce" snippets will work 15:05 Books Portfolio Section 13:37 Installing react-pageflip package. 20:43 Book Cover Section 29:20 Hero Section 39:52 Skills Section with Tailwind CSS 49:22 Responsive Services Card Section with Tailwind CSS 59:36 About section with tailwind CSS 01:07:48 Projects Section 01:19:44 Book last page section 01:21:34 Making reusable Heading component 01:25:54 Preview before deployment 01:26:56 Deployment of the app on Netlify 01:29:12 Subscribe and join our community to start your coding journey - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 💼 Packages : tailwind css - https://tailwindcss.com/ react - https://react.dev vite js - https://vitejs.dev/guide/ react icons - https://react-icons.github.io/ image- https://www.freepik.com/free-photo/brown-wooden-flooring_4246371.htm#query=wood%20table%20texture&position=1&from_view=keyword&track=ais&uuid=467603c8-a425-41b3-b28d-b822c0478f8c - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Follow us on - Facebook - https://m.facebook.com/thecodingjourney Instagram - https://www.instagram.com/the.coding.journey Twitter - https://mobile.twitter.com/thecodingjourny - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - #portfolio #reactjs #tailwind #reactwebsite #tailwindcss #3dportfolio #responsivewebsite #websitedesign #webdesign #webdevelopment #frontend #frontenddevelopment #html #css #js #uidesign #thecodingjourney #tcj #coding #codingtutorial
Sobre este curso
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