• Post category:StudyBullet-7
  • Reading time:7 mins read


Create Professional Portfolio Website using React JS, CSS – Step by step guide

What you will learn

Build their own website like responsive Portfolio to showcase to the job interview or anywhere

How to Build Modern Portfolio Website

Modern HTML5, CSS3, and JavaScript Features

CSS3 Animations, Transforms, and Transitions

Advanced CSS and React JS Techniques

You can learn real world and responsive website design from start to finish

Description

Build A Professional Responsive Portfolio Website : React JS

Welcome to the brand new course where you can learn about how to build a personal portfolio website from scratch withΒ  React JS and CSS.
If you want to create your own portfolio which will help you to represent yourself in the best way and get hired then this is the right course for you.

We will build this project from absolute scratch and you will learn the following things :

  • Particles JS
  • CSS typing effect
  • CSS keyframes
  • CSS animations
  • Theme implementation using pure CSS.

We will make the project responsive to different screen sizes so that every user could access the website from any devices.

Why do you need a portfolio?

A portfolio website communicates your professionalism and commitment to the art more effectively and plainly than a CV. You don’t just tell; you present real-life examples and scenarios that speak for themselves. Your portfolio is the only place on the internet where you have complete control. Well Having a portfolio can be critical to getting hired. Before the technical interview , you usually have to land an introductory call with hiring manager and in that time your portfolio can help you to get that first call from your hiring manager. Your portfolio is a great opportunity to show off your abilities as a developer, designer, it can be from any field. The portfolio website allows you to demonstrate your mature and professional approach to selling your work as well as yourself.


Get Instant Notification of New Courses on our Telegram channel.


Why should I take the course?

In the programming world, the β€œbig 4” often consists of Google, Microsoft, Facebook and Amazon. To get a job at any of these companies, you absolutely MUST know the essentials: HTML, CSS and JavaScript.

If you take this course, you will have nothing to worry about because we use all of these skills extensively!

I am sure after finishing this course you will be able to create your own portfolio website from scratch.

Welcome everyone to this course !!!

English
language

Content

Introduction

Introduction

Creating a React App and Folder structure

Implementing React App and folder structure for portfolio project

Routing Setup

React Router Dom V6 – Overview
Implementing routing for portfolio website

Global CSS Setup

Implementing Global CSS

NavBar Section

Implementing navbar – part 1
Implementing navbar – part 2
Implementing navbar – part 3
Implementing navbar – part 4

Particles JS Implementation

Particles JS Overview
Implementing Particles JS
Show particles JS on homepage

Home Page Section

Implementing home page – part 1
Implementing home page – part 2
Implementing home page – part 3

Theme Implementation Using Pure CSS

Theme Implementation – part 1
Theme Implementation – part 2
Theme Implementation – part 3

Page Header Section

Implementing page header content

About Me Section

Implementing About me page – part 1
Implementing About me page – part 2
Implementing About me page – part 3
Implementing About me page – part 4
Implementing About me page – part 5

Skills Section

Implementing Skills page – part 1
Implementing Skills page – part 2
Implementing Skills page – part 3

Portfolio Section

Implementing Portfolio page – part 1
Implementing Portfolio page – part 2
Implementing Portfolio page – part 3
Implementing Portfolio page – part 4
Implementing Portfolio page – part 5

Contact Me Section

Implementing Contact Me page – part 1
Implementing Contact Me page – part 2