Build and Deploy Three JS Personal Portfolio | Responsive Website under 2 Hour
Create a personal portfolio with impeccable ease using this magical tool. With its help, you can create professional-grade websites in no time. I'm gonna show you how to make a nice showcase website. We will use three.js to add awesome effects.
📌Files to start ( Github Link ) - https://github.com/kunaal438/threejs-...
📌Download Source Code - / how-make-with-js-80377375
📌 Social Links
—————————
Instagram - / themodernweb
Facebook - / themodernweb
Twitter - / modernweb438
Dev.to - https://dev.to/themodernweb
Subscribe - https://www.youtube.com/c/modernweb?s...
Mail - [email protected]
This is modern web, I am Kunaal content on web development, So if you want to master web development make sure to subscribe to the channel.
⏰Time Stamps⏰
00:00:00 - Demo
00:01:50 - Download Github Repo
00:02:00 - Download Source Code
00:02:05 - Sketchfab ( 3d Model Website )
00:02:40 - Live Server Installation
00:03:04 - Navbar
00:07:33 - Hero Section
00:11:20 - Three JS - Hero Section
00:23:46 - Preoject Section
00:28:38 - Filters UI - Project Section
00:31:50 - Project Gallery - Project Section
00:37:11 - Creating Project Cards with JS - Project Section
00:43:45 - Project Filters - Project Section
00:49:05 - Project Info - Project Section
01:12:37 - About Section
01:21:52 - Skills - About Section
01:30:01 - Education & Experiences - About Section
01:36:40 - Contact Section
01:49:00 - Making it responsive
01:49:48 - media query for screen width less than 1200px
01:52:56 - media query for screen width less than 992px
01:59:30 - media query for screen width less than 735px
02:09:55 - media query for screen width less than 500px
02:12:28 - Deploying on Netlify
02:13:54 - ( Project Done ) Thanks for watch
Thanks for watching -----------
#threejs #websitedevelopment #webdevelopment #html5 #javascript #js #css3 #htmlcss #webdev #responsivewebsite #websitetutorial #threejstutorial #3js #three
--------- 😎 Tags --------
personal portfolio,three js portfolio,build and deploy the perfect portfolio,portfolio website,react js personal portfolio website tutorial,portfolio website using three js,personal portfolio website,how to build a portfolio,portfolio,react portfolio website build and deploy,three js tutorial,three js,complete responsive personal portfolio website,build a portfolio website with react,build a mind blowing 3d portfolio website,how to build a portfolio website, portfolio website using three js,three.js portfolio website,3d website,three js portfolio,why javascript is used in websites,three js,three js website,three js tutorial,three js website tutorial,three js portfolio website,portfolio website,build a mind blowing 3d portfolio website,3d portfolio website tutorial,how to make 3d portfolio website,3d portfolio website,portfolio website using three,portfolio,three js website portfolio,react three fiber, portfolio website with three js, portfolio website using three js, portfolio website three.js, build website with three js, personal website three js, three js web portfolio, how to make a 3d portfolio website, build a 3d portfolio website, 3d artist portfolio website, 3d website portfolio, portfolio with three.js, three js personal portfolio
Watch video Build and Deploy Three JS Personal Portfolio | Responsive Website under 2 Hour online without registration, duration hours minute second in high quality. This video was added by user Modern Web 22 March 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 8,729 once and liked it 178 people.