Responsive Portfolio Website using React JS, Tailwind CSS & Framer Motion
Hi there, In this video you will learn how to build a Responsive Portfolio Website using React JS, Tailwind CSS & Framer Motion.
------------------------------------------------
💻 Buy source code by PayPal:
https://ko-fi.com/s/d7070bf18a
🔍 View Demo:
https://jackanderson-xdcode.netlify.app/
------------------------------------------------
🧑💻 Develop the project from scratch:
https://github.com/xdcode2/portfolio-websi...
Go to the project repository on my GitHub page 👆
Click on the green button on the top
Click Download ZIP
------------------------------------------------
📚 Resources:
Figma design: https://www.figma.com/design/RLdL12enGDrA1...
React JS: https://react.dev/
Tailwind CSS: https://tailwindcss.com/
Framer Motion: https://www.framer.com/motion/
React Router: https://reactrouter.com/en/main
Icons: https://lucide.dev/
Images: https://unsplash.com/
Email JS: https://www.emailjs.com/
------------------------------------------------
⌚ Timestamps:
00:00 - Intro
02:35 - Project Setup
08:37 - Navbar
15:43 - Mobile Navbar
33:30 - Hero Section
45:00 - Services Section
57:55 - About Section
1:06:22 - Portfolio Section
1:18:50 - Testimonials Section
1:26:55 - CTA
1:32:45 - Footer
1:37:25 - Contact Page
1:49:19 - Email JS
1:54:57 - Testing Website
------------------------------------------------
🎵 Background music - Provided by Lofi Records
Kainbeats x Hoogway - timeless
Watch: • Video
Download/Stream: https://fanlink.to/BlindSighted
amies x cxlt. – Into The Void
Watch: • Video
Download/Stream: https://fanlink.to/NocturneEP
Lilac – Dearest
Watch: • Video
Download/Stream: https://fanlink.to/WhenIDreamtofYou
Hoogway x DLJ – Skyline
Watch: • Video
Download/Stream: https://fanlink.to/foreverago
DaniSogen - Awakening
Watch: • Video
Download/Stream: https://fanlink.to/InSearchofPeace
amies x cxlt. – Blue Moon
Watch: • Video
Download/Stream: https://fanlink.to/NocturneEP
Elijah Lee x aimless – Escape With Me
Watch: • Video
Download/Stream: https://fanlink.to/escapadeEP
Kayba x Lomme - Garden
Watch: • Video
Download/Stream: https://fanlink.to/ExploreEP
Kainbeats - Floating Sanctuary
Watch: • Video
Download/Stream: https://fanlink.to/AWalkThroughtheSky
goodnyght – time for bed
Watch: • Video
Download/Stream: https://fanlink.to/SleepCyclesEP
Mondo Loops x Purrple Cat – Essence of the Forest
Watch: • Video
Download/Stream: https://fanlink.to/ForestTales
BluntOne x Bean Mow – Under Your Skin
Watch: • Video
Download/Stream: https://fanlink.to/Cloud-Surfing
Swink – afternoon in the park
Watch: • Video
Download/Stream: https://fanlink.to/NotesFromYesterday
Peak Twilight x no one’s perfect – Lunar Shores
Watch: • Video
Download/Stream: https://fanlink.to/DepartureEp
Purrple Cat - Thunder Nap
Watch: • Video
Download/Stream: https://fanlink.to/MorningCoffeeCompi...
Purrple Cat – S’mores
Watch: • Video
Download/Stream: https://fanlink.to/AdventureIsland
Charlee Nguyen x Mondo Loops x Purrple Cat - Orion's Belt
Watch: • Video
Download/Stream: https://fanlink.to/AmidsttheSevenSeas
Purrple Cat – Lunar Eclipse
Watch: • Video
Download/Stream: https://fanlink.to/DistantWorlds
Living Room – Rainbowsend
Watch: • Video
Download/Stream: https://fanlink.to/4AMStudySession
Laffey – A Walk In The Park
Watch: • Video
Download/Stream: https://fanlink.to/summernightsEP
Kinissue x Chase Stephen - Along The Path
Watch: • Video
Download/Stream: https://fanlink.to/The-Realization
Chau Sara - Felucia
Watch: • Video
Download/Stream: https://fanlink.to/DownHill
Kinissue x Umiar - Promisue Due
Watch: • Video
Download/Stream: https://fanlink.to/The-Realization
------------------------------------------------
Support me by buying me a ☕:
https://ko-fi.com/xdcode2
Hey bro please don't forget to subscribe to my channel and like this video 😊😊.
portfolio website reactjs, responsive portfolio website reactjs, personal
#reactjs #portfolio #xdcode #personalportfolio