React Portfolio Website Tutorial - Build & Deploy React JS Portfolio Website

React Portfolio Website Tutorial - Build & Deploy React JS Portfolio Website

EGATOR via YouTube Direct link

Creating Carousel/Slides using SwiperJS

33 of 41

33 of 41

Creating Carousel/Slides using SwiperJS

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

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.