React Portfolio Website Tutorial From Scratch - Build & Deploy React JS Portfolio Website

reactjs_portofilo

ReactJS Portfilo

Posted on March 3, 2022

React Portfolio Website Tutorial From Scratch - Build & Deploy React JS Portfolio Website

Hi there👋,

I wanted to build a portfolio which is different and unique with design and little bit animations.

For this project I have used these libraries,
▶️ React JS
▶️ Framer-motion for Cool transitions and animations
▶️ Styled-Components
▶️ Particle JS
▶️ React Router

First I have created design in Figma, and used some of it's awesome plugins and resources. I have listed all the resources used in this website in the github ReadMe file.

Here is the tutorial how I have created this website!

Read Complete Tutorials : React Portfolio Website Tutorial From Scratch – Build & Deploy React JS Portfolio Website

Things that I have learned building this project,
▶️ Complex Styling with Styled-components
▶️ How to create Page Transition effects using Framer-motion
▶️ How we can leverage advantages of component structure
▶️ How to use ParticleJS in React JS for awesome background effects
▶️ Uses of Lazy and suspence in reactJS to make components load faster
▶️ Many awesome pure CSS animations.

You can use this portfolio and if you want to use it else where small credit would be appreciated (not compulsory), just check license of all images and other assets before usi ![Uploading image](...)ng it commercially.

I will try to improve it's speed and performance.
Feel free to try different designs and animations with it and you can also tag me or share your link in the comments.

Any suggestions are welcomed!

Share your portfolio in the comments, So that all the other people/beginners can get the different ideas as well as inspiration.

Thanks For Reading😄

💖 💪 🙅 🚩
reactjs_portofilo
ReactJS Portfilo

Posted on March 3, 2022

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

Sign up to receive the latest update from our blog.

Related