React Portfolio Website Tutorial - Portfolio Website Using React - React JS Portfolio Website

React Portfolio Website Tutorial - Portfolio Website Using React - React JS Portfolio Website

❤️ Get template

In this practical React JS project tutorial, I'm going to teach you, step-by-step, how to create and deploy a fully Responsive Personal Portfolio Website from scratch! By the end of this video, you will know how to create a react app from scratch, how to build modern website designs with CSS3, how to use Swiper.JS (to create carousels/slides) in your react projects, how to create tabs in react, how to create filterable portfolio gallery in react, how to build popup in react, how to add multiple contact options on your website (WhatsApp, Facebook Messenger, and Direct form submission using Email.JS), and more!

📂 Assets

🔔 Subscribe For More!

🔎 Keywords
React Portfolio Website
React JS Portfolio Website
React Portfolio Website Tutorial
Portfolio Website Using React
Portfolio Website React JS
Portfolio Website React
React Website Portfolio
Portfolio Website

Now Let's Build The Best React Personal Portfolio Website On YouTube!

⌚ Timestamp:
00:00:00 Intro (Project Overview)
00:05:04 Assets, CSS Variables & General CSS Styles
00:11:52 Header Component & Toggle Navbar
00:31:32 Home Component
00:59:24 About Component
01:14:10 Skills Component
01:27:20 Services Component
01:51:00 Qualification Component
02:13:38 Testimonials Component
02:26:40 Contact Component
02:53:20 Footer Component
03:01:48 Scroll-to-Top Component
03:08:58 Scroll Header & Active Link

👍 Thanks for watching!
Make sure to LIKE + SUBSCRIBE for more! ❤️

#reactportfoliowebsite #reactjs #reactjsprojects

[diamdiallo]

That's most mot beautiful portfolio UI i've seen in youtube, just simple thanks a lot.

[itsyash]

I made my first portfolio with the help of this tutorial. thanks alot

[awukobenard]

Well done. This is a great gift to humanity. Keep it up! Blessings!

[siqiwang]

Thank you so much for the walk through. I'm a new beginner and learn to write so much more organized code thanks to you!

[girmasebsibe]

what a portfolio dude i love it thanks for spending your expensive time to teach us

[bmassioui]

Thank you so much, this is the pure meaning of professionalism, clean code, keep going 💪

[MinooshVejdani]

Thank you for the tutorial. This is my first experience in react and creating a website. I was wondering how I could add work pages to show case more details for each one. Thank you!

[peter]

bro amazing video but would love to have a voiceover talking about each step and why we did it

[shreyanshgajipara]

Thank you for taking the ti to do tNice tutorials i know I’m gonna enjoy figuring it out

[hasiburrahman]

Could you please share the github repo link?

[enock]

when i click the apps toggle = (<div className="nav__toggle" onClick={() => showMenu
(!Toggle)}>
<i class="uil uil-apps"></i>
</div>) it doesnt show up the menu items. What could be the issue. The code seems to be fine.

[serialhub]

The image animation doesn't work.what can I do!?

[Cesar-eezx]

Thanks for the video, for now I have been able to do everything just watching the video, although every time a CSS code appears, I have to stop a few minutes to study and understand it hehe, because only watching the code that you are programming in this video, at least for me it is not enough :/. Although I have a question: Can I use all this knowledge that your show here (code, styles, etc., etc.) for whatever I want, or should I pay for any license?

[jordiburger]

Thx a lot for your work! For better following, would be able to show which exension you are using and which npms downloads are used? I searched hours only to notice that i did not wrote my code wrong :S

[francaboy]

Sorry, but where is the portfolio section in video? Didn't saw it in tutorial. cheers

[arashghezavati]

Hi, I wanted to express my gratitude for your fantastic tutorial! I'm really enjoying the visual appeal of the design. I was wondering if it would be acceptable for me to incorporate it into my personal portfolio and use it as my portfolio website?

Thank you for sharing your expertise!

[cyrilmisse]

Hey, he's really super handsome and read your portfolio, it's a great video that you made for us there

[Febiuzz]

is only me or i can't see the preview.? i've been following the first 34 mins of the video and i copied everything but when i try to look at it it gives me back a white page with nothing written... help me

[im_andredev]

Fantastic tutorial, I have a question, how do you generate those svgs ?

[emersonpalaciootalvaro]

huy excelente aprendyi imensidad con este video, mil gracias excelente