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

YouTube

Responsive React Portfolio Website Tutorial

Lama Dev via YouTube

Overview

Develop a responsive React portfolio website from scratch in this comprehensive tutorial for beginners. Master functional components and React hooks while implementing creative CSS animations and Sass styling. Learn to create essential portfolio elements including a snap-scroll effect, animated hamburger menu, sidebar navigation, dynamic active classes, and a custom slider. Explore advanced techniques such as text typing animations, testimonial cards, and responsive design principles. By the end of this hands-on course, gain the skills to build a professional, interactive portfolio showcasing your web development expertise.

Syllabus

Introduction
Installation
Creating React components
React snap-scroll effect
React Sass global variables
React Navbar menu
Using Material-UI Icons with React
React Animated Hamburger menu
React Sidebar menu
React introduction page
React text typing animation
React portfolio page
React adding dynamic active class
React dynamic data with useEffect hook
How to create React Slider
React testimonial cards
React contact page
React responsive website design
Outro

Taught by

Lama Dev

Reviews

Start your review of Responsive React Portfolio Website 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.