Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

How to Create Portfolio Website in React JS - Complete React JS Website Project Tutorial

GreatStack via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Build a complete responsive portfolio website using React JS from scratch and deploy it online. Master the fundamentals of React development while creating a professional personal portfolio that includes a navigation bar, header section, about section, services showcase, work portfolio gallery, contact form with email functionality, and footer. Learn to implement React smooth scrolling for enhanced user experience and create a fully responsive design that works across all devices. Discover how to set up a React project, structure components effectively, handle form submissions, and deploy your finished website to make it accessible online. The tutorial covers essential React concepts through practical application, making it an ideal project for beginners looking to build their first complete React application while creating a valuable asset for their professional presence.

Syllabus

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

Taught by

GreatStack

Reviews

Start your review of How to Create Portfolio Website in React JS - Complete React JS Website Project Tutorial

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.