Responsive Portfolio Website using React.js and GSAP (Part 1) | Structure and Styling the Website
In this series, I will creating a Responsive Portfolio Website using React.js and GSAP. Also integrate custom cursor and loading preloader.
This series has 3 parts.
This is the Part 1 of 3. In this, I structure and style a Website.
On coming parts, I animate divs custom cursor functionality and loading preloader and Responsive the Design and Deploy and Host on Internet.
Stay tuned!
Source Code: https://bit.ly/3qafzY5
___________________________________________________________________________________
Social Account:
Facebook: / taimoorshahzadayt
Instagram: / taimoorshahzada_
Github: https://github.com/taimoorshahzada
Linkedin: / taimoor-shahzada-353b1120b
Snapchat: / m.ts1319418
Website: www.taimoorshahzada.com
___________________________________________________________________________________
Timestamps:
Intro: (00:00)
Subscribe: (00:05)
Getting Started: (00:15)
Cleanup files: (00:59)
Setting Background of Site: (01:28)
Setting Router and Header Component: (03:46)
Home Page Component: (25:41)
Get in touch Component: (01:07:27)
Footer Component: (01:14:09)
About Page Component: (01:32:05)
Project Page Component: (01:59:47)
Contact Page Component: (02:18:22)
Scroll to top on every Router function: (02:23:05)
___________________________________________________________________________________
Song: emk3n - I dont know
Video's Link: • emk3n - I dont know [Free Trap]
#ReactJs #TaimoorShahzada #WebsiteDesign #Awwwards #GSAP #greensock #ResponsivePortfolioWebsitePart1 #AwwwardsWebsite #react #css #webgl #ResponsiveWebsite