Summary
Keywords
Full Transcript
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
