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

Kishan Sheth @kishansheth

About: I am a kind of guy who likes programming at its core; excellent communication as well as leadership skills. Detail oriented and organised professional.

Location:
Ahmedabad, Gujarat
Joined:
Nov 26, 2020

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

Publish Date: Jan 29 '22
109 8

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 8 total

  • Andrew Malik
    Andrew MalikJan 29, 2022

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

    • Andrew Malik
      Andrew MalikJan 29, 2022

      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
        Kishan ShethJan 30, 2022

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

    • Kishan Sheth
      Kishan ShethJan 30, 2022

      Thankyou.

  • Andrew Baisden
    Andrew BaisdenJan 29, 2022

    Wow pretty slick!

  • Asrorbek O'ktamjonov
    Asrorbek O'ktamjonovJan 30, 2022

    Amazing

Add comment