How to React JS Portfolio Website Using Tailwind CSS | Step by Step Tutorial
If you want to create more similar projects for free, check out my React JS + Tailwind CSS Projects Playlist: • React JS + Tailwind CSS Website Tutor...
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-po...
_________________________________
Timestamps:
00:00 - 00:25 Intro
00:25 - 04:26 Prep
04:26 - 13:47 Navbar.jsx
13:47 - 24:47 Hero.jsx
24:47 - 28:51 About.jsx
28:51 - 34:23 Work.jsx
34:23 - 38:10 Experience.jsx
38:10 - 41:58 Contact.jsx
41:58 - 42:39 Making Contact Form Work
42:39 - 43:46 Footer.jsx
43:46 - 45:28 Updates to Navbar
45:28 - 45:46 Outro
_________________________________
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}"],
_________________________________
email: [email protected]
#html #css #reactjs #react #tailwindcss #tailwind #portfolio #responsiveportfolio #portfoliohtmlcss #howtoportfolio #websitetutorial #websitehtmlcss
Watch video How to React JS Portfolio Website Using Tailwind CSS | Step by Step Tutorial online without registration, duration hours minute second in high quality. This video was added by user Codinzero 15 February 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 15,741 once and liked it 536 people.