Back to Browse

Build and Deploy React portfolio website.

1.3K views
Dec 4, 2022
2:46:25

Hi developer & learners, This video tutorial is about creating Responsive React portfolio site. Live Url: https://aditechtraversalportfolioturorial.netlify.app/ React Stepper form form scratch with real time validation and data saving: https://youtu.be/dq73as9J2xA In this tutorial you'll learn about Reusable components, Navigation between components, Highlighting active links, Scroll animation, File download, Saving Contact messages on Google sheets with free api, Bootstrap, Deploying your website. Time Stamps: 00:00:00 Project Intro 00:03:44 Jump into project creation. 00:06:50 installing required packages 00:09:15 creating dedicated sub folders and .js Components 00:12:22 importing package css in index.js 00:12:33 Homepage showcase section 00:27:00 Navbar 00:34:00 installing chorme color picker extension and changing body scrollbar 00:38:00 Skill graph component 00:54:50 Implementing react browser-router-dom 00:56:15 Footer 00:57:00 modifying Navbar 01:00:00 Indicating active links 01:03:00 placing data.js files containing example projects and creating Project section. 01:20:00 completing Footer section 01:21:20 Contact page. 01:35:00 About page. 01:51:00 Resume download button in about page 01:53:00 Adding scroll to top button package. 01:54:00 Adding Scroll animation in each page. 02:14:00 Implementing Api to save message data on google sheet. 02:35:00 Adding redirect file to avoid navigation error on netlify after deployment. 02:36:40 Creating a repository on github and pushing project to repository and deploying.

Download

0 formats

No download links available.

Build and Deploy React portfolio website. | NatokHD