Step by Step Tutorial for React JS Portfolio Website Using Tailwind CSS [Video]

Lets go through this personal portfolio website using ReactJS+Tailwind CSS tutorial. Enjoy!

Commands, timestamps and assets:
_________________________________
files with assets(there isnt a whole code to avoid copy pasting):
https://github.com/c0d1nn/tailwind-portfolio-2
_________________________________
Timestamps:
00:00 – 02:15 Preparation
02:15 – 06:28 Navbar.jsx
06:28 – 10:53 Hero.jsx
10:53 – 15:25 Skills.jsx
15:25 – 18:22 About.jsx
18:22 – 23:53 Work.jsx
23:53 – 28:33 Contact.jsx
28:33 – 29:08 Making Contact Form Work
29:08 – 30:05 Footer.jsx
30:05 – 31:00 Final updates + Preview
_________________________________
Commands:
npx create-react-app ./

npm install -D tailwindcss

npx tailwindcss init

npm start

npm install react-type-animation

npm install react-icons

text to replace in tailwind.css:
content: [“./src/**/*.{html,js,jsx}”],

_________________________________

#html #css #reactjs #react #tailwindcss #tailwind #portfolio #responsiveportfolio #portfoliohtmlcss #howtoportfolio #websitetutorial #websitehtmlcss