High Definition Standard Definition Theater
Video id : hkHHwA-vEyQ
ImmersiveAmbientModecolor: #cca0aa (color 2)
Video Format : 22 (720p) openh264 ( https://github.com/cisco/openh264) mp4a.40.2 | 44100Hz
Audio Format: Opus - Normalized audio
PokeTubeEncryptID: e94886c70c2090ba7ba196be2d88601c1322d97fbd2928cad551987e3418917d05f1a091ca9341a974cc27d66e868400
Proxy : eu-proxy.poketube.fun - refresh the page to change the proxy location
Date : 1714908389710 - unknown on Apple WebKit
Mystery text : aGtISHdBLXZFeVEgaSAgbG92ICB1IGV1LXByb3h5LnBva2V0dWJlLmZ1bg==
143 : true
How To Create Portfolio Website In React JS | Complete React JS Website Project Tutorial
Jump to Connections
29,923 Views ā€¢ Apr 4, 2024 ā€¢ Click to toggle off description
Learn How To Create Portfolio Website In React JS. Build Complete React JS Website Step by Step and deploy it online.
šŸ‘‰ Source code: greatstack.dev/go/alex

SUBSCRIBE: @GreatStackDev

ā¤ļø Complete JavaScript Course with Certification:
šŸ‘‰ greatstack.dev/go/javascript-course
āœ”ļø Beginner + Advance + ES6 + Notes
āœ”ļø 30 Project With Source Code
āœ”ļø React Beginner course with project
āœ”ļø Course Completion certificate
āœ”ļø Chat Support

In this tutorial you will learn to build and deploy complete responsive portfolio website using React JS. This website will be completely responsive and we will add react smooth scroll and working contact form on this personal portfolio website. You can receive the contact form enquirers on your email address. This React JS portfolio website will be a great react project for beginners.

Download Assets: drive.google.com/file/d/104e44YHOWlTtCi5BSApGqUNwvā€¦

Get web hosting and domain:
šŸ‘‰greatstack.dev/go/hostinger

Watch Full Stack E-commerce Website tutorial:
šŸ‘‰ Ā Ā Ā ā€¢Ā HowĀ ToĀ CreateĀ FullĀ StackĀ E-CommerceĀ W...Ā Ā 

-------------------------
Timestamp:

00:00 Portfolio Website Overview
03:52 React Project Setup
10:11 Create Navigation Bar
19:32 Create Website Header section
30:29 Create About Section
51:04 Create Services Section
01:08:57 Create My Work Section
01:23:50 Create Contact Section
01:46:54 Create Footer for the website
02:08:00Add Smooth Scroll on Website
02:14:43 Send contact form data on email
02:19:29 Make the website responsive
02:55:42 Deploy website online

-----------------------------------------
Suggested Course:

Complete JavaScript course with 30 projects:
šŸ‘‰ greatstack.dev/go/javascript-course/

Complete HTML and CSS with 8 projects:
šŸ‘‰ easytutorialspro.com/go/course/

-------------------------------------
Recommended Videos:

Beginner's HTML and CSS tutorial:
ā–ŗ Ā Ā Ā ā€¢Ā HTMLĀ AndĀ CSSĀ TutorialĀ ForĀ Beginners,Ā ...Ā Ā 

Beginner's JavaScript tutorial:
ā–ŗ Ā Ā Ā ā€¢Ā JavaScriptĀ FullĀ CourseĀ ForĀ BeginnersĀ ...Ā Ā 

Make A Complete Website for college using HTML & CSS:
ā–ŗ Ā Ā Ā ā€¢Ā HowĀ ToĀ MakeĀ AĀ CollegeĀ WebsiteĀ UsingĀ H...Ā Ā 

How to make a Business website step by step:
ā–ŗ Ā Ā Ā ā€¢Ā HowĀ ToĀ MakeĀ WebsiteĀ UsingĀ HTMLĀ CSSĀ |Ā ...Ā Ā 

How to make personal resume website step by step:
ā–ŗ Ā Ā Ā ā€¢Ā HowĀ ToĀ MakeĀ AĀ WebsiteĀ UsingĀ HTMLĀ AndĀ ...Ā Ā 

How to make fitness website design using HTML CSS:
ā–ŗ Ā Ā Ā ā€¢Ā HowĀ ToĀ MakeĀ AĀ WebsiteĀ UsingĀ HTMLĀ CSSĀ ...Ā Ā 

How to make an Ecommerce Website Design:
ā–ŗ Ā Ā Ā ā€¢Ā HowĀ ToĀ MakeĀ eCommerceĀ WebsiteĀ UsingĀ H...Ā Ā 

How to make a Job Portal website design with HTML & CSS:
ā–ŗ Ā Ā Ā ā€¢Ā HowĀ ToĀ MakeĀ WebsiteĀ UsingĀ HTMLĀ CSSĀ An...Ā Ā 

How to make travel website design with HTML CSS Bootstrap:
ā–ŗ Ā Ā Ā ā€¢Ā HowĀ ToĀ MakeĀ AĀ WebsiteĀ StepĀ ByĀ StepĀ Us...Ā Ā 

-------------------------------------

ā—¼ļø Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:
ā–ŗ youtube.com/channel/UCkjoHfkLEy7ZT4bA2myJ8xA/join

-------------------
Stock Image and icon credit:
pexels.com/

-------------------------------------
Connect with me:
šŸ‘‰ linktr.ee/iamavinashkr

Connect with GreatStack:
Instagram: instagram.com/GreatStackDev
Twitter: twitter.com/GreatStackDev
Facebook: facebook.com/GreatStack
Metadata And Engagement

Views : 29,923
Genre: Education
Date of upload: Apr 4, 2024 ^^


Rating : 4.911 (28/1,237 LTDR)
RYD date created : 2024-05-05T06:48:29.657548Z
See in json
Tags
Connections

YouTube Comments - 77 Comments

Top Comments of this video!! :3

@haifrendz

3 weeks ago

perfect step by step explanation for beginners......waiting for next js tutorial

1 |

@kajackpi_8

4 weeks ago

You're a life saver bro!!!!

1 |

@adebowaleadegboye8623

1 month ago

Great job so far thanks I am following you

2 |

@umangraval73

1 month ago

man is make content according to my needs lol i was just taking to my friend that i want to make portfolio website a you fullfill my need Master.šŸ™šŸ™

1 |

@Fnydo

1 month ago

Thanks you sir for creating this tutorial.šŸ˜¢šŸ˜Š

1 |

@danielsuccess1841

1 month ago

My Best YouTuber Coding Tutor ā¤ Thank you sir for this

1 |

@piyush0mandloi

3 weeks ago

Thankyou sir with this awesome content.

|

@codefiltered

1 month ago

best tutorialšŸ¤©šŸ¤©

|

@blackpinkdumplings

1 month ago

ill do for sure tq bro

|

@gabrielkingori3375

1 month ago

wow bravo, lovely

|

@jidesamuel6521

1 month ago

You never disappoint

|

@eugeenhunter7384

1 month ago

A great video i have to try it out.....please do provide the other video for the back end of the food delivery

|

@bennysimisi1046

1 month ago

It's perfect, I learn every day with you, especially since recently I started learning React js. Otherwise why create buttons with a DIV tag?

1 |

@francislungu815

1 month ago

Am third... šŸ˜€šŸ˜€ Great stuff man.. You the best.

|

@-mohammadalakedy5417

1 month ago

You the best , Big Thanks From Syria ā¤ I'm waiting the Food Dilvery App Backend Section Bro ā¤ā¤

7 |

@drexk6569

4 weeks ago

Great Job thank you a lot, please dedicate a video on how to create a website with log in where one can can reset forgot password

|

@priyaranjan5584

4 weeks ago

Nice portfolio website. Sir, please also upload backend part of Food Delivery Website as soon as possible.

|

@ujjawalpugalia2123

1 month ago

Please bring full mern stack projects as much

1 |

@CodeCs_YT

4 weeks ago

please sir make videos on angular 17 projects, angular is most demanded in big tech companies.

1 |

Go To Top