Step by Step Tutorial for React JS Portfolio Website Using Tailwind CSS
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 - 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}"],
_________________________________
email: [email protected]
#html #css #reactjs #react #tailwindcss #tailwind #portfolio #responsiveportfolio #portfoliohtmlcss #howtoportfolio #websitetutorial #websitehtmlcss
Смотрите видео Step by Step Tutorial for React JS Portfolio Website Using Tailwind CSS онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Codinzero 22 Февраль 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 19,80 раз и оно понравилось 56 людям.