Build an Animated Portfolio: Step by Step Guide with React, Tailwind CSS, and Framer Motion
Автор: Codinzero
Загружено: 2024-06-10
Просмотров: 14760
more portfolios? https://www.udemy.com/course/build-we... ( coupon code for the best price: EDF59064377224CF1701 )
Lets go through this animated personal portfolio website using ReactJS+Tailwind CSS tutorial. . Do you want to stay updated? Check: https://codinzero.com/full-stack-news... ..thank you & enjoy building!
Commands, timestamps and assets:
_________________________________
starter files:
https://github.com/c0d1nn/animated-po...
full code:
https://github.com/c0d1nn/animated-po...
_________________________________
Timestamps:
00:00:00
00:01:40 Navbar
00:10:18 ShinyEffect
00:12:04 Hero
00:23:40 Skills
00:28:56 Portfolio
00:34:15 Experience
00:38:21 Contact
00:46:02 Footer
00:48:05 Reveal Animation
_________________________________
Commands:
1) npm create vite@latest . -- --template react
2) npm install -D tailwindcss postcss autoprefixer
3) npx tailwindcss init -p
4) npm i react-type-animation react-icons react-scroll
5) npm run dev
_________________________________
email: howtosf@outlook.com
#html #css #reactjs #react #tailwindcss #tailwind #portfolio #responsiveportfolio #portfoliohtmlcss #howtoportfolio #websitetutorial #websitehtmlcss #animatedportfolio #reacttailwindanimated
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке:
