filmov
tv
best portfolio website with source code | responsive portfolio website tutorial
![preview_player](https://i.ytimg.com/vi/dd7mqbuF3Ow/maxresdefault.jpg)
Показать описание
🔗 Resources:
Welcome to Simple Dev Code,
🔍 What You’ll Learn:
- How to create a modern, responsive personal portfolio website.
- The best full stack development projects with source code.
- Step-by-step guide on how to deploy a full stack React app on Vercel.
- Tips on deploying your full stack portfolio website to get noticed by employers.
🕐 Timelines:
0:14 Intro & Project demo
6:54 Basic setup
14:12 Explaining File Structure
20:44 Home Navigation
28:21 Home Banner Section
40:18 Home Skill Section
52:56 Home Project Section
1:02:44 Home Blog Section
1:11:49 Home Contact Section
1:23:47 Footer section
1:32:02 Mobile Navigation Menu
1:41:24 Javascript Event handling
1:44:18 Skill Page
1:46:45: Page Layout creation
1:56:58 Responsive design
2:23:26 Create and Manage blog Content
2:28:15 Blog page design
2:43:31 Blog details page design
2:53:24 Details page layout design
3:11:17 Project page design
3:14:48 Project details page design
3:19:44 Pushing the code to Github
3:21:55 Deploying the website on vercel
3:27:10 Thanks you
Don't forget to like, comment, and subscribe for more full stack development tutorials!
#FullStackDevelopment #ReactJS #TailwindCSS #AstroJS #PortfolioWebsite #WebDevelopment #Vercel #FinalYearProjects #BecomeAFullStackDeveloper #astrojs
Welcome to Simple Dev Code,
🔍 What You’ll Learn:
- How to create a modern, responsive personal portfolio website.
- The best full stack development projects with source code.
- Step-by-step guide on how to deploy a full stack React app on Vercel.
- Tips on deploying your full stack portfolio website to get noticed by employers.
🕐 Timelines:
0:14 Intro & Project demo
6:54 Basic setup
14:12 Explaining File Structure
20:44 Home Navigation
28:21 Home Banner Section
40:18 Home Skill Section
52:56 Home Project Section
1:02:44 Home Blog Section
1:11:49 Home Contact Section
1:23:47 Footer section
1:32:02 Mobile Navigation Menu
1:41:24 Javascript Event handling
1:44:18 Skill Page
1:46:45: Page Layout creation
1:56:58 Responsive design
2:23:26 Create and Manage blog Content
2:28:15 Blog page design
2:43:31 Blog details page design
2:53:24 Details page layout design
3:11:17 Project page design
3:14:48 Project details page design
3:19:44 Pushing the code to Github
3:21:55 Deploying the website on vercel
3:27:10 Thanks you
Don't forget to like, comment, and subscribe for more full stack development tutorials!
#FullStackDevelopment #ReactJS #TailwindCSS #AstroJS #PortfolioWebsite #WebDevelopment #Vercel #FinalYearProjects #BecomeAFullStackDeveloper #astrojs