React Portfolio Website with Theme Customization Functionality - React JS Portfolio Website (2022)
Tags: react, portfolio
Published: 2022-11-17 14:57:37

<!-- wp:paragraph -->
<p>This course is for ALL levels of React Developers looking to build THE PERFECT PORTFOLIO website to showcase their work! </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>My approach to this course is simple. I will explain every step needed to create this amazing responsive portfolio website (without wasting your time). You will learn modern React and CSS best practices, together with easy-to-use tools that'll add astonishing functionalities to the project. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>>> <strong><a href="https://www.codelivly.com/react-portfolio-website/">Watch Full Video With Source Code</a></strong>


<p>Throughout the course, you will learn: </p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><!-- wp:list-item -->
<li>How to Build Modern and Responsive Apps/Websites using React 18 </li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>How to use React Hooks like (useState, useEffect, useRef, useReducer, and more) </li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>How to Create and use Custom React Hooks </li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>How to use the Context API and the useContext Hook </li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>How to use React Portals How to create Re-Usable Components </li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>How to add a Theme Customization feature that persists to LocalStorage </li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>How to Create carousel/slides with SwiperJS </li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>How to add Filtering to your portfolio projects </li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>How to use CSS3 Variables for efficient project customization CSS Positioning </li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>How to use Flexbox and Grid System </li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>How to use CSS Media Queries to create responsive websites </li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>How to use Responsive units like rem, %, vh, and vw </li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>How to create an elegant Floating Navbar for your website, and more! </li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>By the end of the course, you will have a full-featured, modern, responsive portfolio website with: </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Complete theme customization functionality that stores theme state/value in your browser's local storage. This way your clients will have their last theme settings saved even if they close their browser or refresh the page. </p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><!-- wp:list-item -->
<li>Animate-On-Scroll feature </li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Convenient Contact Options (WhatsApp, messenger, mail) </li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Auto-scroll carousel/slides for testimonials </li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Filterable portfolio projects </li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>FAQs toggle feature Elegant Floating Navbar (for tablets and phones), and more!</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->