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