Responsive Personal Portfolio Website Using React, Styled Components and Framer Motion

You can get the template from the link proivided in the description of the video.

Technologies Used :

• React
• CSS

Libraries and Assets Used :

• React Icons
• Framer Motion
• Styled Components
• React Intersection Observer

Portfolio Sections

• Responsive Navbar
• Home
• Services
• Portfolio
• Milestones
• Blog
• Promo Video
• Pricing
• Testimonials
• Skills
• Contact
• Footer

What will you learn ?

• Creating Awesome React Styled Components
• Usage of Framer Motion Animation Library
• Creating Components without using any kind of CSS Libraries
• Responsive Layouts
• Advanced Grid Layout in the Portfolio Section
• Creating Responsive Navbar without using any kind of extra elements
• Smooth Scrolling and Scroll to top
• Creating Custom Testimonial Slider
• Advanced CSS Properties like Transform

To learn how to create this template watch the complete video. You can get the template for free from the link provided in the description of the video.

Please do like the video and subscribe to the channel. It helps and motivates me to create more content like this.

If there are any room for improvements please let me know. You can also fork the repository and give me a merge request if you can implement something more.

Comments

[Andrew Malik]

This is one of the best Portfolio websites that I have seen.

[Andrew Malik]

I'd like to make some suggestions, that you could implement.
First of all the framer motion animations are good but you should explore more of the library and do some advanced stuff.
Then do some more stuff with the styled components.
You should also work on the responsive mode.

[Kishan Sheth]

I'll try that out. Thankyou you for the suggestions.

[Kishan Sheth]

Thankyou.

[Andrew Baisden]

Wow pretty slick!

[Kishan Sheth]

Thankyou.

[Asrorbek O'ktamjonov]

Amazing

[Kishan Sheth]

Thankyou.