Create Responsive React.js Portfolio Website

👋Hi there, This personal portfolio website is created using React.js.

For creating this minimalistic and creative portfolio website you can download the source code by clicking the download button. For understanding the source code you need to have knowledge of React.js and few packages which are been used for animations, these packages are mentioned below, you can checkout it out at the mentioned links.

I hope this project will be helpful for you and add some value into your React.js journey.

Features:

It uses AOS library for scroll animation. For more info visit: https://github.com/michalsnik/aos
For creating the 3D rotaing text sphere, it uses TagCloud package. For more info visit: https://www.npmjs.com/package/TagCloud

Follow the steps to setup and run the project on your local system.

Step: 1

Download source code file

Step: 2

In the main directory (outermost folder) run the command : `npm install`

Step: 3

To start the development server run the command: `npm start`

Step: 4

🎉Hurray! You have successfully setup and run the project.

Download Source Code

Watch Tutorial

Create 3D Rotating Text Sphere Using React.js

View Source Code

Create Custom Play/Pause button using HTML, CSS and JavaScript

View Source Code

Create CSS Gradient Buttons with Hover Effects Using HTML and CSS

View Source Code

Create 3D Rotating Text Sphere Using HTML, CSS, JavaScript and TagCloud.js

View Source Code

Create Advanced Typewriter Effect Using HTML CSS & JavaScript

View Source Code

Create Blob Shape With Animation Using Only HTML & CSS

View Source Code

Animate Skill Bar On Scroll Using HTML, CSS & JavaScript

View Source Code

Create Advanced Text Hover Effect Using HTML CSS & JavaScript

View Source Code

Create Like Button Using HTML, CSS and JavaScript

View Source Code