Full complete responsive personal portfolio website using React.js | React hooks 2021

Опубликовано: 24 Март 2026
на канале: DwinaTech
17,658
340

In this video you learn how to create React app, React router, using hooks useState and useEffect, build a responsive navbar, using grid layout, import images from React public folder into a React component and using CSS with React.

Create React APP video:    • How to create React APP 2021? | React Hook...  

Create React Router video:    • How to use React.js Router? | React Hooks #07  

Upload images or files to Github video:    • How to upload images on codepen | How to u...  

React hooks tutorial 2021 playlist:    • Introduction to React.js | React Hooks #01  

#BuildAPortfolioWebsite
#PersonalPortfolio #React #ReactHooks #CreateReactApp #Portfolio #PortfolioUsingReact #Reactjs

Source code: https://github.com/DwinaTech/Educatio...

Timestamp:

00:00:00 Demo
00:01:50 Introduction
00:02:13 Create React App
00:04:47 Remove unused React App files, add React Router & Create Home component.
00:22:25 Create Footer and About components
00:30:01 Create NavBar component
01:01:33 Create Skills & Works components
01:08:58 Create contact component
01:14:19 Add NavBar active style & improving navigation functionality.