How To Make A Portfolio Website Using React js and Tailwind CSS
How To Make A Portfolio Website Using React js and Tailwind CSS
Code A Program...
📂Source :
Startup repo : https://github.com/Sridhar-C-25/React...
Final repo : https://github.com/Sridhar-C-25/react...
✌️Live preview link : https://codeaprogram-portfolio.web.app/
You Learn:
react js hooks
folder structure
tailwind css
swiper js
react icons
react js packages (ex:react-modal)
email js
aos scroll animation
and more....
🕐 Timestamps:
00:00 Demo
04:48 Mobile Responsive Demo
06:28 Create Projects
11:53 Hero Section
26:20 Skills Section
39:42 React Modal
53:50 Services Section
01:03:48 Projects Section
01:08:44 Swiper js
01:17:14 Testimonials Section
01:28:20 Hire me Section
01:35:58 Contact Section
01:49:20 Email js
02:00:15 Footer
02:02:11 Navbar
02:13:56 Scroll Animation
02:20:00 Final Result
02:20:28 Thank you
💼 Packages :
tailwind css - https://tailwindcss.com/docs/installa...
vite js - https://vitejs.dev/guide/
swiper js - https://swiperjs.com/get-started
email js - https://www.emailjs.com/docs/
Aos (animation) - https://michalsnik.github.io/aos/
react modal - https://www.npmjs.com/package/react-m...
react-hot-toast - https://react-hot-toast.com/docs
react icons - https://react-icons.github.io/react-i...
👌My vscode extension :
Color theme : Synthwave 84
React js Snippet : ES7+ React/Redux/React-Native/JS
Tailwind css snippet : tailwind css intellisense
👬 Follow us on :
Github : https://github.com/Sridhar-C-25
Instagram: / codeaprogram
👍Thanks for watching!
Make sure to like + Subscribe For More!❤️
#reactjs #tailwindcss #reactportfolio
Смотрите видео How To Make A Portfolio Website Using React js and Tailwind CSS онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Code A Program 24 Ноябрь 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 15,215 раз и оно понравилось 410 людям.