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

#react #html #css #webdev

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.

Top comments (8)

Andrew Malik • Jan 29 '22

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

Andrew Malik • Jan 29 '22 • Edited

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.