Build a Portfolio Website using React and Semantic UI

• Creating the Introduction Card IV

  02:34

• Creating the Introduction Card V

  01:48

• Creating the Introduction Card VI

  00:25

• Creating the Introduction Card VII

  01:10

• Creating the Introduction Card VII

  01:15

• Creating the Introduction Card VIII

  02:29

• Creating the Introduction Card IX

  01:44

• Creating the Introduction Card X

  01:32

• Creating the Introduction Card XI

  06:04

• Creating the Introduction Card XII

  00:38

• Creating the Introduction Card XIII

  03:15

• Creating Skill and Links Card I

  12:45

• Creating Skill and Links Card II

  02:53

• Adding Padding to Skills Container

  00:11

• Changing the Font of the Skills List

  00:26

• Adding Links and the Image

  04:02

• Changing the Height of the Image

  00:16

• Adding Buttons for Links I

  01:48

• Adding Buttons for Links II

  02:21

• Adding Buttons for Links III

  00:42

• Increasing the Height of Skills Card

  00:30

• Removing extra buttons from Skills Card

  00:17

• Creating the Project Card

  05:53

• Adding the Project Thumbnails

  03:54

• Adding Project Title, Description and the Link

  04:18

• Changing the Height of Project Card

  00:20

• Fixing the Images in Project Card

  02:19

• Adding Project Links in Card Buttons

  01:32

• Creating a Floating Button I

  01:20

• Creating a Floating Button II

  01:41

• Changing the Scroll Behavior

  00:43

• Creating Buttons to Change Themes

  05:29

• Adding a Container In Our Main File

  01:29

• Changing the Background Color

  01:24

• Adding the Change Theme Function I

  02:50

• Adding the Change Theme Function II

  02:38

• Changing the Header for Dark Theme

  01:15

• Changing the Background Color for Dark Theme

  01:32

• Changing the Color in IntroCard for Dark Theme I

  03:51

• Changing the Email Wrapper for Dark Theme

  01:04

• Changing the Color in IntroCard for Dark Theme II

  01:16

• Changing the Color in IntroCard for Dark Theme III

  07:19

• Creating a Function to Download Resume

  00:49

• Using Local Storage to Persist Theme Mode

  01:58

Hey, I am Nishant and I am an enthusiastic developer with a knack for building products with good UI and UX. I teach Front-end Development to beginners, and some other things too.

I build projects to learn how code works.

And while I am not coding, I enjoy writing poetry and stories and cooking delicious meals.

In this course, we cover all the steps from creating an app in React all the way through to build a Portfolio Application in React

• We will start by initializing the React App.
• We will learn how to create React Components.
• How to implement theme function in React.
• How to pass props from Child Component to the Parent Component.
• And last but not the least, how to use Semantic UI and Local Storage.

Enroll now and get started on your journey to build React applications.

What you’ll learn

• React and React Hooks
• How to Create Components in React
• How to pass props from Child Component to the Parent Component
• How to implement theme function in React
• How to handle Local Storage
• How to create mock APIs.
• Semantic UI.

Are there any course requirements or prerequisites?

• Knowledge of Javascript/HTML/CSS.

Who this course is for:

• Anyone interested in learning React.
• Anyone interested in learning API handling.
• Beginner React developers.
• Beginner Front-end developers.
• Beginner Full Stack Developers.

Who this course is for:

• React developers
• Front-end developers
• JavaScript developers
• Full stack developers
• Web developers
• Web designers
• User interface developers
• User Interface designers
• UI developers
• UI designers
• Software Engineers
• Software Developers
• College Gradudates
• Freelancers
• Programming students