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
Смотрите видео How to React JS Portfolio Website Using Tailwind CSS | Step by Step Tutorial онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Codinzero 15 Февраль 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 15,741 раз и оно понравилось 536 людям.