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-website-jack - 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/RLdL12enGDrA1JeEg1nNik/Responsive-Portfolio-Website?node-id=36-87&t=YQk0aFNDvAO5PYsk-1 - 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: https://www.youtube.com/watch?v=A0q11XFxOgQ - Download/Stream: https://fanlink.to/BlindSighted - amies x cxlt. – Into The Void - Watch: https://www.youtube.com/watch?v=s9SyAPare-w - Download/Stream: https://fanlink.to/NocturneEP - Lilac – Dearest - Watch: https://www.youtube.com/watch?v=jb-E1upECAA - Download/Stream: https://fanlink.to/WhenIDreamtofYou - Hoogway x DLJ – Skyline - Watch: https://www.youtube.com/watch?v=8L7aM7lLcsg - Download/Stream: https://fanlink.to/foreverago - DaniSogen - Awakening - Watch: https://www.youtube.com/watch?v=wREkIayUIMA - Download/Stream: https://fanlink.to/InSearchofPeace - amies x cxlt. – Blue Moon - Watch: https://www.youtube.com/watch?v=39vz5IsVKmw - Download/Stream: https://fanlink.to/NocturneEP - Elijah Lee x aimless – Escape With Me - Watch: https://www.youtube.com/watch?v=IgSs0XTrKss - Download/Stream: https://fanlink.to/escapadeEP - Kayba x Lomme - Garden - Watch: https://www.youtube.com/watch?v=XHNjc0iDNu4 - Download/Stream: https://fanlink.to/ExploreEP - Kainbeats - Floating Sanctuary - Watch: https://www.youtube.com/watch?v=_kWn0VQRl2c - Download/Stream: https://fanlink.to/AWalkThroughtheSky - goodnyght – time for bed - Watch: https://www.youtube.com/watch?v=r5kUMjfSIKg - Download/Stream: https://fanlink.to/SleepCyclesEP - Mondo Loops x Purrple Cat – Essence of the Forest - Watch: https://www.youtube.com/watch?v=wEVsQtmZF0I - Download/Stream: https://fanlink.to/ForestTales - BluntOne x Bean Mow – Under Your Skin - Watch: https://www.youtube.com/watch?v=8PpDyChdS4E - Download/Stream: https://fanlink.to/Cloud-Surfing - Swink – afternoon in the park - Watch: https://www.youtube.com/watch?v=Oz3DCwlwe9M - Download/Stream: https://fanlink.to/NotesFromYesterday - Peak Twilight x no one’s perfect – Lunar Shores - Watch: https://www.youtube.com/watch?v=-T1BFTnde5I - Download/Stream: https://fanlink.to/DepartureEp - Purrple Cat - Thunder Nap - Watch: https://www.youtube.com/watch?v=1BXYM2tltYc - Download/Stream: https://fanlink.to/MorningCoffeeCompi... - Purrple Cat – S’mores - Watch: https://www.youtube.com/watch?v=YcKvOmNQOmU - Download/Stream: https://fanlink.to/AdventureIsland - Charlee Nguyen x Mondo Loops x Purrple Cat - Orion's Belt - Watch: https://www.youtube.com/watch?v=nR6dIlJn3WY - Download/Stream: https://fanlink.to/AmidsttheSevenSeas - Purrple Cat – Lunar Eclipse - Watch: https://www.youtube.com/watch?v=2bdBxZeK3OI - Download/Stream: https://fanlink.to/DistantWorlds - Living Room – Rainbowsend - Watch: https://www.youtube.com/watch?v=WO80LlzjWYQ - Download/Stream: https://fanlink.to/4AMStudySession - Laffey – A Walk In The Park - Watch: https://www.youtube.com/watch?v=ozytPSYGFEk - Download/Stream: https://fanlink.to/summernightsEP - Kinissue x Chase Stephen - Along The Path - Watch: https://youtu.be/vDXmMeztqpk?si=MnVTh_rwfZwD84jt - Download/Stream: https://fanlink.to/The-Realization - Chau Sara - Felucia - Watch: https://youtu.be/tV1dDcvdssE?si=bQLkVwSLnqwi2Tnt - Download/Stream: https://fanlink.to/DownHill - Kinissue x Umiar - Promisue Due - Watch: https://youtu.be/aeRgp4r07LE?si=o_c6B0R_A1HVf8DR - 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