React JS Portfolio Website with Theme Customization

Learn how to build a modern and responsive React JS portfolio website with theme customization. This comprehensive course covers React 18, React Hooks, CSS best practices, and tools to enhance functionality. Gain the skills to create a stunning portfolio with features like filtering, carousel/slides, floating navbar, and more. Suitable for all levels of React developers.

 

What you'll learn

• The most effective method to Build Modern and Responsive Applications/Websites utilizing React 18
• The most effective method to utilize React Hooks like (useState, useEffect, useRef, useReducer, and that's only the tip of the iceberg)
• The most effective method to Create and utilize Custom React Hooks
• Instructions to utilize the Context API and the useContext Hook
• Instructions to utilize React Portals
• Instructions to create Re-Usable Components
• Instructions to add a Theme Customization feature that endures to program nearby capacity
• Instructions to create carousel/slides with SwiperJS
• Instructions to add Filtering to your portfolio projects
• The most effective method to involve CSS3 Variables for proficient task customization
• CSS Positioning
• Instructions to utilize the Flexbox and Grid System
• Instructions to involve CSS Media Queries for website Responsiveness
• Instructions to utilize CSS units like rem, %, vh, and vw to accomplish responsive design
• Step by step instructions to create an exquisite Floating Navbar that adds a local application feel to your website, and the sky is the limit from there!

 

Requirements

• Despite the fact that I will make sense of Each and every step in this course, an essential information on React, Hooks, props, JavaScript, and CSS will help.

Description

Source Code, Assets, Hosting discount connect, and Free Domain are completely remembered for this course!

 

This course is for ALL levels of React Developers hoping to build THE PERFECT PORTFOLIO website to grandstand their work.

My approach to this course is straightforward. I will make sense of each and every step expected to create this astonishing responsive portfolio website (without burning through your time). You will learn modern React and CSS best practices, along with simple to-utilize apparatuses that will add astonishing functionalities to the venture.

By the finish of this course, you will have a full-featured, modern, responsive portfolio website with:

Complete theme customization functionality that stores theme state/esteem in your program's nearby stockpiling. This way your clients will triumph when it's all said and done their last theme settings saved regardless of whether they close their program or refresh the page.

Animate-On-Scroll feature

Convenient Contact Options (WhatsApp, courier, mail)

Auto-scroll carousel/slides for testimonials

Filterable portfolio projects

FAQs toggle feature

Rich Floating Navbar (for tablets and phones), and that's just the beginning!

 

All through the course, you will learn:

• The most effective method to Build Modern and Responsive Applications/Websites utilizing React 18
• The most effective method to utilize React Hooks like (useState, useEffect, useRef, useReducer, and that's just the beginning)
• The most effective method to Create and utilize Custom React Hooks
• The most effective method to utilize the Context API and the useContext Hook
• The most effective method to utilize React Portals
• Step by step instructions to create Re-Usable Components
• Step by step instructions to add a Theme Customization feature that continues to LocalStorage
• Step by step instructions to Create carousel/slides with SwiperJS
• Step by step instructions to add Filtering to your portfolio projects
• The most effective method to involve CSS3 Variables for proficient task customization
• CSS Positioning
• The most effective method to utilize Flexbox and Grid System
• The most effective method to utilize CSS Media Queries to create responsive websites
• Instructions to utilize Responsive units like rem, %, vh, and vw
• Instructions to create a rich Floating Navbar for your website, and then some!
• Who this course is for:
• This course if for ALL levels of React Developers hoping to build THE PERFECT PORTFOLIO website!

 

Instructor

Ernest Apedo

Freelance Web Developer and Content Creator

• 4.5 Instructor Rating
• 89 Reviews
• 456 Students
• 1 Course

Hey, I'm Ernest. A freelance web developer and content creator with more than 4 years in the web improvement industry. I have a passion for creating ventures and offering my work and experience to the world. I want to believe that you view this as supportive, and look at my YouTube Channel (EGATOR) for a few free instructional exercises.

 

4.5 course ratings 89 reviews

Gerald M.

Rating: 5.0 out of 5a month prior

 

Incredible presentation of the material.

 

Gary M.

Rating: 4.0 out of 5 a month prior

 

It got somewhat muddled on occasion, go here, off limits there, and so on. With everything taken into account however its a good instructional exercise for training.

 

Kitwana D. A.

Rating: 5.0 out of 5 a month prior

 

Remarkable course! The instructor has done a wonderful occupation of breaking this course up into tiny effectively edible parts. I've learned a great deal and presently have the confidence to recreate comparative websites with this information.

 

Ruben Arturo Perez J.

Rating: 5.0 out of 5 3 months prior

 

Extremely direct and enlightening. Much obliged to you. This aided me a great deal to comprehend how react functions and how to hoste a website on the net. I'm most certainly returning for more activities!