Completed
Portfolio Component Responsive Design
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
React Portfolio Website Tutorial - Build & Deploy React JS Portfolio Website
Automatically move to the next video in the Classroom when playback concludes
- 1 Intro Project Overview
- 2 Buying Hosting & Claiming Free Domain on Hostinger
- 3 Installing Node & VSCode
- 4 Assets
- 5 Creating our React App using npx create-react-app
- 6 Managing and Creating files & folders
- 7 Creating all Components
- 8 CSS Variables & General CSS Styles
- 9 Header Component JSX
- 10 Installing React Icons and Using them in our project
- 11 Header Component CSS
- 12 Header Component Responsive Design
- 13 Floating Nav Component JSX
- 14 Floating Nav Component CSS
- 15 Managing Nav States using useState Hook
- 16 About Component JSX
- 17 About Component CSS
- 18 About Component Responsive Design
- 19 Experience Component JSX
- 20 Experience Component CSS
- 21 Experience Component Responsive Design
- 22 Services Component JSX
- 23 Services Component CSS
- 24 Services Component Responsive Design
- 25 Portfolio Component JSX
- 26 Portfolio Component CSS
- 27 Portfolio Component Responsive Design
- 28 Generating Portfolio Items from Array using map method
- 29 Testimonials Component JSX
- 30 Testimonials Component CSS
- 31 Testimonials Component Responsive Design
- 32 Generating Testimonials from Array using map method
- 33 Creating Carousel/Slides using SwiperJS
- 34 Contact Component JSX Multiple contact options: Facebook Messenger, WhatsApp & Email
- 35 Contact Component CSS
- 36 Contact Component Responsive Design
- 37 Form Submission using EmailJS
- 38 Footer Component JSX
- 39 Footer Component CSS
- 40 Footer Component Responsive Design
- 41 Deploying Our React Website
