Перейти к содержимому

3D Portfolio Website | ReactJS & Tailwind CSS | Build and Deploy

The Coding Journey

0:00 / 0:00

3D Portfolio Website | ReactJS & Tailwind CSS | Build and Deploy

13 836 просмотров · 2 года назад
The Coding Journey
22,2 тыс. подписчиков
13 836 просмотров · 2 года назад
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/Hu643OfjQax... Telegram :- https://t.me/the_coding_journey Source Code :- 🎁https://github.com/dilshad-ahmed/3d-p... 👨🏻‍💻 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Checkout other portfolio website:    • Portfolio Websites Reactjs and Tailwind CSS   Responsive Animated website using ReactJS & Tailwind CSS:    • Complete Responsive Websites ReactJS and T...   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 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/br... - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Follow us on - Facebook -   / thecodingjourney   Instagram -   / the.coding.journey   Twitter -   / thecodingjourny   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - #portfolio #reactjs #tailwind #reactwebsite #tailwindcss #3dportfolio #responsivewebsite #websitedesign #webdesign #webdevelopment #frontend #frontenddevelopment #html #css #js #uidesign #thecodingjourney #tcj #coding #codingtutorial