How To Make A Portfolio Website Using React js and Tailwind CSS
HTML-код
- Опубликовано: 6 июн 2024
- How To Make A Portfolio Website Using React js and Tailwind CSS
Code A Program...
📂Source :
Startup repo : github.com/Sridhar-C-25/React...
Final repo : github.com/Sridhar-C-25/react...
✌️Live preview link : 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 - tailwindcss.com/docs/installa...
vite js - vitejs.dev/guide/
swiper js - swiperjs.com/get-started
email js - www.emailjs.com/docs/
Aos (animation) - michalsnik.github.io/aos/
react modal - www.npmjs.com/package/react-m...
react-hot-toast - react-hot-toast.com/docs
react icons - 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 : github.com/Sridhar-C-25
Instagram: / codeaprogram
👍Thanks for watching!
Make sure to like + Subscribe For More!❤️
#reactjs #tailwindcss #reactportfolio
🎉 wow. Good project. Thanks you so much.
Thank you so much for sharing your knowledge, Sir.
nice, thanks react and tailwind
Pure art!
Awesome
This is really awesome. This is really i was looking for. U r such a great developer 👏🙌
👍
Superb
Greatly
Woah thank you, I thought it was impossible to send email from the client side without building an entire server like node mailer, I will try to implement emailJS for my web later
✌️👍
can you help me? when i try to run the project, it is a blank page.
i followed step by step what you showed on the video
why the local host did not open ?
learned a lot of things from ur video
Which theme are you using?
Synthwave 84