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

Advanced CSS Concepts
Microsoft via edX
Тонкости верстки
Moscow Institute of Physics and Technology via Coursera
CSS - The Complete Guide 2024 (incl. Flexbox, Grid & Sass)
Udemy
Build Responsive Real-World Websites with HTML and CSS
Udemy
HTML5 & CSS3 Build: Two Responsive Websites in Hindi
Udemy