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
Watch video How To Make A Portfolio Website Using React js and Tailwind CSS online without registration, duration hours minute second in high quality. This video was added by user Code A Program 24 November 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 15,215 once and liked it 410 people.