3D Portfolio Website ReactJS amp Tailwind CSS Build and Deploy
YOUR LINK HERE:
http://youtube.com/watch?v=XEn757nA4ms
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 Tailwi... • Responsive Animated website using ReactJS Tailwind CSS: • • Complete Responsive Websites ReactJS ... • - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - • 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
#############################
