React JS Personal Portfolio Website | Beginner friendly tutorial

This tutorial is going to teach you how to build and design your own personal portfolio using one of the best JavaScript libraries, React JS.

This tutorial is also beginner friendly so if you have zero ideas about React, at the end of this tutorial, you would be able to build your own portfolio using React JS.

If this tutorial was helpful, click on the subscribe button and turn on notifications to be informed anytime I upload a new tutorial.

Also I didn't include the codes for the responsiveness of the portfolio since it would have made this tutorial longer than it already is, so, I included it in the source code.

Click the link below to view all source codes for this tutorial.

LIKE AND SUBSCRIBE :)

[petrosg]

How people suppose to learn when you aren't showing what you are adding after editting

[mindethereal]

Great programmer, no entry person salutes you

[JaroslawPtak]

Im new here, and momentarly you have earned my sub- this looks amazing- Great work

[vinaypandey]

Speak Brother.. Do not set Music in back ground i beginer i want to what u think and write the are u doing and why are u doing basically sir..so please speak in next and Waiting 4 #next Video

[ekberehmedzade]

Was great tutorial for beginners.but i am against write css i want to tell that prefer styled component it is so fast and is easily understanding i recommended it to all

[rythorayzer]

it looks like a simple website, but I think it's beautiful... very beautiful!!! #JustMy Opinion

[DaniCode]

beatiful project bro, it's incredible

[a.mproductions]

Missing script start.... error on npm start.... what folder you npm run start ? do you npm i before ?

[sergioyepes]

amazing, tuto, but i have one problem with the event, when i try to put, seem can´t read properties from null, can u help with that

[frankokfiladelfiafamily]

No logro correr el proyecto alguna sugerencia..

[music-brain]

I made this project i like it but it gives

Could not find a required file.
Name: index.js
Searched in: C:\Users\hp\Desktop\main



anybody can help whats the problem how can i fix it

[elijahbrown]

Greatest work I’ve ever seen! How did you come up with this?

[oscarhzambranobenjumea]

Hola, al momento de renderizar el componente Home, me aparece esto en consola y no me muestra los botones, gracias por su ayuda:
Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')
at (home.jsx:45:1)
at options.factory (react refresh:6:1)
at __webpack_require__ (bootstrap:24:1)
at fn (hot module replacement:62:1)
at ./src/App.jsx (bundle.js:17:79)
at options.factory (react refresh:6:1)
at __webpack_require__ (bootstrap:24:1)
at fn (hot module replacement:62:1)
at ./src/index.js (nav.jsx:44:1)
at options.factory (react refresh:6:1)

[derramandosangueconcursos]

📍Hello, what is the theme you are using in VsCode ?

[vishalthakur]

package.json file is missing....so getting lot of errors. Please provide the package.json file as well.

I have fixed all the errors -

1-> First Install this : npm i react-icons
2-> Import 'React' in all components file using this code -- import React from 'react';

[karlart]

hi, Amazing project! sorry how can I upload the project? when I try to view the index file the browser page is completely blank

[shplk-]

Thank you so much for the guide but I can't just run it can you do a video about how to create react app and simple this project with it ^_^

[ambarsaxena]

please upload the correcr code as the code uploaded on git hub missing many code lines which generate many errors.
else nice work

[Tribe-of-Jones]

Can you please share the code or your github page link?

[vaien]

Hello, what do i do to redirect the animated yt icon to a url