React Portfolio Website Tutorial | Responsive React Project Full Course for Beginners

Create a responsive React portfolio website using functional components and React hooks. Beginner React course from scratch with Sass.

Join Lama Dev groups

0:00 Introduction
1:49 Installation
5:39 Creating React components
12:54 React snap-scroll effect
23:34 React Sass global variables
24:32 React Navbar menu
31:36 Using Material-UI Icons with React
38:33 React Animated Hamburger menu
49:48 React Sidebar menu
1:00:00 React introduction page
1:11:03 React text typing animation
01:19:10 React portfolio page
01:27:29 React adding dynamic active class
01:33:31 React dynamic data with useEffect hook
01:38:52 How to create React Slider
01:59:48 React testimonial cards
02:10:55 React contact page
02:19:55 React responsive website design
02:38:10 Outro

[shishirkumarsky]

I have subscribed to many channels in web development, but nobody does it like you, you are bringing true industry standard knowledge, and your skills to make it simple for even naive to understand. Congratulations to you!

[AhmedGamal-ka]

This is the best React project tutorial I've seen so far. well explained in detail, Also taught me about SASS.
Bless you, brother.

[eunicemarginelvalderama]

This is the 1st tutorial that I've actually finished! Amazing! Thank you so much! ❤️

[bronzebond]

This is the best Portfolio tutorial i have seen thus far. You explained things well and the pacing was good also. Thanks dude. Very good video.

[sb]

Amazing video!! THANK YOU SO MUCH!! I spent about a week going through this tutorial, and finally finished. Probably took 10+ hours, but it was definitely worth it with your guidance. I only need to set up the contact page system, and I should be good to make the website public. Thanks again for your help!

[bernaerol]

Thanks for this tutorial.
React öğrenmeye başlarken karşılaştığım en akıcı ve açıklayıcı video bu oldu...

[chetan_nada]

completed my portfolio project using your video, I really like your method of teaching. I watched the full video and started coding three days ago from scratch, finally, I made my portfolio using react and I joined your discord community. thanks for sharing such nice content.

[ughdeeb]

Hi, this was extremely clear and well done. I learned so much. Thank you so much - bought you a coffee!

[somedevstuff]

For people facing this issue: "Node Sass version 6.0.0 is incompatible with ^4.0.0 || ^5.0.0"
When installing node-sass you automatically get the latest version of node-sass which is not compatible with node 14 or older. So if you are using the stable version of node you have to install an earlier version of node-sass.

A quick way of fixing this is by opening package.json and replace this line:
"node-sass": "^6.0.0",
with
"node-sass": "4.14.0",
and then running "npm install" in the console.

[scorpion]

wow this is quality, you really deserve to have more followers.

[muhammedguner]

Umarım bu kaliteli kanal hak ettiği değeri görür. Emeğinizin karşılığını alacağınıza şüphem yok. Kodlamanın başında olan bir çok insana kattıklarınız için teşekkürlerimi sunarım.

[solomonayobami]

This is one of the best free and quality resources you will find online. You did a good job in explaining the css and it really improve my skill

[sinthas]

You explain every step, thank you for all your hard work on this, Lama Dev!

[kashmirtechtv]

Your gentle speed is the best thing here

[techoutlook]

Men I solute you. It is like your teaching all the basic stuff we need to know its not just creating a website from the scratch but teaching people from the scratch also. Keep it up. Thankyou for this.

[musa]

Thank you so much for this brother. I'm a java backend dev and I needed something like this. May Jesus bless you

[mytechnicallab]

Those who are facing double letter problem with ityped like ddeevveellooppeer jus remove strict mode in index.js file

[muhammadgenta]

I'm from Indonesia who is looking for a web tutorial with reactjs and sass technology that is easy to understand, of the many tutorials, this is the best and easy to understand..Keep working!!!

[solotalemwa]

Love your tutorials Lama Dev. Thank you. Love from Uganda. You have a new subscriber!

[melihdizdar]

diğer kaynaklardaki leş aksandan dolayı anlamadığım ingilizceyi sizin sayenizde hem rahat anlıyorum hem de react ile proje geliştirmeye başladım emeğin için teşekkür ederim başarılar <3