Build and Deploy a Portfolio Website Using React JS, Tailwind CSS & Framer Motion
- - - - - - - - - - - - - - - - - - - - - - - - - - -
👀 Live Preview
[ Ссылка ]
📂 Get Source Code
[ Ссылка ]
💬 Join our community to get Source code for free 🎁
WhatsApp :- [ Ссылка ]
Telegram :- [ Ссылка ]
- - - - - - - - - - - - - - - - - - - - - - - - - - -
Related Tutorials
▫️[ Ссылка ]
▫️[ Ссылка ]
🎬 Playlist ( Full website Build from scratch + Free Assets + Free Code )
▫️[ Ссылка ]
- - - - - - - - - - - - - - - - - - - - - - - - - - -
👨🏻💻 Gadgets I used 👇🏻
Laptop: [ Ссылка ] | [ Ссылка ]
Monitor: [ Ссылка ] | [ Ссылка ]
Keyboard: [ Ссылка ]
Mouse: [ Ссылка ]
Pentab: [ Ссылка ]
Mic: [ Ссылка ]
Chair: [ Ссылка ]
Bluetooth earphone: [ Ссылка ]
- - - - - - - - - - - - - - - - - - - - - - - - - - -
⏱ Timestamps
00:00:00 Project Intro
00:02:55 Software Download
00:03:30 Project Setup
00:05:21 Tailwind installation and config
00:08:14 Header, Navbar section
00:15:45 Home Page
00:42:30 Contact section
00:52:50 Skills section
01:05:17 Work Project Page
01:13:50 Blog Page
01:21:41 Footer section
01:26:41 Framer-Motion | Animation section
01:59:05 Final Project
02:01:45 Deployment
- - - - - - - - - - - - - - - - - - - - - - - - - - -
🔔Follow us on
▫️Instagram -
[ Ссылка ]
▫️Facebook -
[ Ссылка ]
▫️Twitter -
[ Ссылка ]
- - - - - - - - - - - - - - - - - - - - - - - - - - -
💼 Packages :
react: [ Ссылка ]
next: [ Ссылка ]
tailwind: [ Ссылка ]
framer-motion: [ Ссылка ]
vite: [ Ссылка ]
react-icons: [ Ссылка ]
design credit: [ Ссылка ]
- - - - - - - - - - - - - - - - - - - - - - - - - - -
👍 Thanks for watching!
Make sure to like & Subscribe for more! 💜
#reactjs #framermotion #tailwindcss #tailwind #framer #responsivewebsite #websitedesign #carwebsite #html #css #javascript #webdesign #webdevelopment #frontend #frontenddevelopment #uidesign #thecodingjourney #tcj #htmlcss #uiux #uidesign #reactwebsite #tailwindwebsite #frameranimation #animation #animatedwebsite
Ещё видео!