YoVDO

Responsive React Portfolio Website Tutorial

Offered By: Lama Dev via YouTube

Tags

React Courses Web Development Courses Sass Courses Responsive Web Design Courses Functional Components Courses CSS Animation Courses SVG Animation Courses

Course Description

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

Related Courses

Learn React: Build a Movie Search App
Scrimba via Coursera
Advanced React Projects and Ecommerce Development
Packt via Coursera
Create React Forms Using Hooks
Coursera Project Network via Coursera
Introduction to ReactJS
Microsoft via edX
Advanced Fine-Grained Control of Vue.js Components
egghead.io