Build a Portfolio Website using React and Semantic UI
In this course, you will learn how to build a portfolio website using React and React Hooks
Development,React and semantic UI
Lectures -54
Duration -1.5 hours
30-days Money-Back Guarantee
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
React
Semantic UI
Local Storage
Changing themes in React application
Passing Data between components using Props
Prerequisites
Should be able to read, write, and understand JavaScript/HTML/CSS
![Build a Portfolio Website using React and Semantic UI Build a Portfolio Website using React and Semantic UI](https://d3mxt5v3yxgcsr.cloudfront.net/courses/5402/course_5402_image.jpg)
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
![Tutorialspoint](/market/public/assets/images/loader.gif)
Instructor Details
![Nishant Kumar](https://www.tutorialspoint.com/assets/profiles/379599/profile/200_711991-1632833011.jpeg)
Nishant Kumar
Hello, I'm Kumar Nishant and I'm an online instructor at the Angular University.
Over the years I have helped over 5k developers to learn the Angular framework and its surrounding ecosystem of technologies.
I also build full-stack applications and acquired expert DevOps and cloud computing knowledge - proven by the many AWS certifications I hold (incl. the top-level Solutions Architect Professional certification).
Course Certificate
Use your certificate to make a career change or to advance in your current career.
![sample Tutorialspoint certificate](/market/public/assets/newDesign/img/primePacks/V-certificate.png)
Our students work
with the Best
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfc bank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfcbank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now![Annual Membership Annual Membership](/market/public/assets/newDesign/img/membership-large-small.jpg)
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now![Online Certifications Online Certifications](/market/public/assets/newDesign/img/traning-for-a-team.png)