Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
3D Portfolio Website | ReactJS & Tailwind CSS | Build and Deploy
Play lesson

Complete Responsive Websites ReactJS and Tailwind CSS - 3D Portfolio Website | ReactJS & Tailwind CSS | Build and Deploy

5.0 (1)
10 learners

What you'll learn

This course includes

  • 105.3 hours of video
  • Certificate of completion
  • Access on mobile and TV

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

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere