YoVDO

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

Offered By: EGATOR via YouTube

Tags

React Courses Computer Science Courses Animation Courses Flexbox Courses Responsive Web Design Courses Media Queries Courses Grid Systems Courses

Course Description

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

Related Courses

Responsive Web Design Fundamentals
Google via Udacity
Introduction to Bootstrap - A Tutorial
Microsoft via edX
Responsive Images
Udacity
Responsive Website Basics: Code with HTML, CSS, and JavaScript
University of London International Programmes via Coursera
Responsive Web Design
University of London International Programmes via Coursera