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

kishansheth

Kishan Sheth

Posted on January 29, 2022

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.

💖 💪 🙅 🚩
kishansheth
Kishan Sheth

Posted on January 29, 2022

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related