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

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 -
Facebook: thecodingjourney
Instagram -
Instagram: the.coding.journey
Twitter -
Twitter: thecodingjourny

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

#portfolio #reactjs #tailwind #reactwebsite #tailwindcss #3dportfolio #responsivewebsite #websitedesign #webdesign #webdevelopment #frontend #frontenddevelopment #html #css #js #uidesign #thecodingjourney #tcj #coding #codingtutorial

• #education
• #3d_portfolio_website_using_react
• #3d_portfolio_website
• #portfolio_website_using_react_and_tailwind_css
• #3d_animated_portfolio_website
• #react_portfolio_website
• #tailwind_css_portfolio_website
• #complete_responsive_personal_portfolio_website
• #responsive_website_using_reactjs_and_tailwind_css
• #tailwind_css_tutorial
• #reactjs_tutorial_for_beginners
• #reactjs
• #tailwind_css
• #personal_portfolio_website
• #portfolio_design
• #portfolio_website
• #html_css_project
• #the_coding_journey
• #tcj