React JS Portfolio Website with Theme Customization

Build a premium modern Responsive React JS Portfolio Website for yourself today! Course comes with complete source code.

4.67 (155 reviews)

Udemy

platform

English

language

Web Development

What you will learn

How to Build Modern and Responsive Apps/Websites using React 18

How to use React Hooks like (useState, useEffect, useRef, useReducer, and more)

How to Create and use Custom React Hooks

How to use the Context API and the useContext Hook

How to use React Portals

How to create Re-Usable Components

How to add a Theme Customization feature that persists to browser local storage

How to create carousel/slides with SwiperJS

How to add Filtering to your portfolio projects

How to use CSS3 Variables for efficient project customization

CSS Positioning

How to use the Flexbox and Grid System

How to use CSS Media Queries for website Responsiveness

How to use CSS units like rem, %, vh, and vw to achieve responsive design

How to create an elegant Floating Navbar that adds a native app feel to your website, and more!

Why take this course?

Source Code, Assets, Hosting discount link, and Free Domain are all included in this course!

This course is for ALL levels of React Developers looking to build THE PERFECT PORTFOLIO website to showcase their work.
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.
By the end of this course, you will have a full-featured, modern, responsive portfolio website with:
1. 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.
2. Animate-On-Scroll feature
3. Convenient Contact Options (WhatsApp, messenger, mail)
4. Auto-scroll carousel/slides for testimonials
5. Filterable portfolio projects
6. FAQs toggle feature
7. Elegant Floating Navbar (for tablets and phones), and more!

Throughout the course, you will learn:
1. How to Build Modern and Responsive Apps/Websites using React 18
2. How to use React Hooks like (useState, useEffect, useRef, useReducer, and more)
3. How to Create and use Custom React Hooks
4. How to use the Context API and the useContext Hook
5. How to use React Portals
6. How to create Re-Usable Components
7. How to add a Theme Customization feature that persists to LocalStorage
8. How to Create carousel/slides with SwiperJS
9. How to add Filtering to your portfolio projects
10. How to use CSS3 Variables for efficient project customization
11. CSS Positioning
12. How to use Flexbox and Grid System
13. How to use CSS Media Queries to create responsive websites
14. How to use Responsive units like rem, %, vh, and vw
15. How to create an elegant Floating Navbar for your website, and more!

Screenshots

React JS Portfolio Website with Theme Customization - Screenshot_01

React JS Portfolio Website with Theme Customization - Screenshot_02

React JS Portfolio Website with Theme Customization - Screenshot_03

React JS Portfolio Website with Theme Customization - Screenshot_04

Reviews

Pinyada

September 23, 2023

- The begin of the course is good, easy to follow. - I wish it has more explanation what the code does and css part. - It has the floating nav on mobile that will run every 2000 ms that I worry for performance. No explanation es well. - Also I wish for more explanation when use effect and useRef.

Cycalona

May 12, 2023

I am thrilled to give this 'React JS Portfolio Website with Theme Customization' course a resounding five-star rating! This course stands head and shoulders above many others I have taken in terms of the depth of content, practical application, and the unique theme customization aspect.

Gary

April 29, 2023

It got a little messy at times, go here, no go there, etc. All in all though its a decent tutorial for practice.

Kitwana

April 25, 2023

Outstanding course! The instructor has done a wonderful job of breaking this course up into very small easily digestible parts. I've learned a lot and now have the confidence to recreate similar websites with this knowledge.

Amos

March 22, 2023

Good structured, great for me, who had no plan how to design my portfolio. -0.5 Stars for your audio -1 Star because of two Errors occuring to me which are not explained in your course.

Ruben

March 7, 2023

Very straightforward and instructive. Thank you. This helped me a lot to understand how react works and how to hoste a website on the net. I'm definitely coming back for more projects!

Eduards

February 26, 2023

The course was good. Pros: 1. Short video. 2. All working code is written in the video. (including css) 3. Different additional libraries are used. 4. All files are added after each section. Cons: 1. video quality is currently 720p (preferably full hd) 2. It is preferable to add short videos after each section with tips and explanations (why did we use Context instead of Redux or Props, or never do this and that)

Terrific

December 22, 2022

I love the flow of the course, taking time to explain all key sections. He teaches with flexibility. Overall, I'm enjoying this and can't wait for the next one.

December 1, 2022

I'm about 1/4 of the way through and it's really well done. Working along with him and everything works as expected.

abumariyam

November 28, 2022

good explanation, step by step, good for those who have no idea of how to begin own portfolio. I like it.

Charts

Price

Rating

Enrollment distribution

React JS Portfolio Website with Theme Customization - Distribution chart