Build a Portfolio Website using React and Semantic UI

person icon Nishant Kumar

4.4 ★★★★ ★

Buy Now

Build a Portfolio Website using React and Semantic UI

Name: Build a Portfolio Website using React and Semantic UI
Rating: 4.4 (173 reviews)
Author: Nishant Kumar

In this course, you will learn how to build a portfolio website using React and React Hooks

updated on icon Updated on Apr, 2024

language icon Language - English

person icon Nishant Kumar

category icon Development,React and semantic UI

Lectures -54

Duration -1.5 hours

4.4 ★★★★ ★

Add to Cart Buy Now

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

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.

Goals

What will you learn in this course:

React
Semantic UI
Local Storage
Changing themes in React application
Passing Data between components using Props

Prerequisites

What are the prerequisites for this course?

Should be able to read, write, and understand JavaScript/HTML/CSS

Build a Portfolio Website using React and Semantic UI

Curriculum

Check out the detailed breakdown of what’s inside the course

Creating the Portfolio Application Part I
18 Lectures

Starting the React app 00:26 00:26
Cleaning the unneccasary project files 00:58 00:58
Installing Semantic UI Library 00:36 00:36
Adding a Header 02:52 02:52
Creating the Introduction Card I 02:18 02:18
Creating the Introduction Card II 01:33 01:33
Creating the Introduction Card III 02:50 02:50
Creating the Introduction Card IV 02:34 02:34
Creating the Introduction Card V 01:48 01:48
Creating the Introduction Card VI 00:25 00:25
Creating the Introduction Card VII 01:10 01:10
Creating the Introduction Card VII.I 01:15 01:15
Creating the Introduction Card VIII 02:29 02:29
Creating the Introduction Card IX 01:44 01:44
Creating the Introduction Card X 01:32 01:32
Creating the Introduction Card XI 06:04 06:04
Creating the Introduction Card XII 00:38 00:38
Creating the Introduction Card XIII 03:15 03:15

Creating the Portfolio Application Part II
36 Lectures

Instructor Details

Nishant Kumar

An enthusiastic developer with a knack for building products with good UI and UX.

Check out my blogs at freeCodeCamp: http://bit.ly/3gl0Ips Follow Cybernatico on Youtube: https://bit.ly/3AoJAHB

Course Certificate

Use your certificate to make a career change or to advance in your current career.