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

YouTube

React Portfolio Website Tutorial From Scratch - Responsive React JS Portfolio Website

EGATOR via YouTube

Overview

Learn to build a responsive React portfolio website from scratch in this comprehensive tutorial. Discover modern React and CSS best practices while creating a feature-rich portfolio with theme customization, animate-on-scroll effects, and a filterable project showcase. Master React Hooks, Context API, and custom hooks while implementing a floating navbar, auto-scroll testimonials, and FAQ toggles. Gain practical skills in CSS positioning, Flexbox, and Grid systems to create a professional, responsive design that persists user preferences in local storage.

Syllabus

Best Hostinger Discount: Enter the link in the video and use coupon code EGATOR at checkout
Intro What you'll learn
Project Demo
Hosting & Free Domain
Installing Necessary tools
Creating React App
Installing Helpful Extensions
Project Folder Structure
CSS3 Variables & General CSS Styles
Navbar JSX & React Icons
Navbar CSS
Header JSX
Header CSS
About JSX
Re-Usable Card Component
About CSS
Services JSX
Services CSS

Taught by

EGATOR

Reviews

Start your review of React Portfolio Website Tutorial From Scratch - Responsive React JS Portfolio Website

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.