Build And Deploy a Personal Portfolio with ReactJS and TailwindCSS | React Beginner Tutorial

Welcome to the ultimate ReactJS and TailwindCSS beginner portfolio tutorial. We will build a stunning portfolio that you can showcase all your projects. At the end, we will deploy this project so that your employers can see it live! ⭐️ Want to learn react? Get 20% off pro plans when learning with Scrimba: https://scrimba.com/?via=pedrotech EmailJS: https://dashboard.emailjs.com/sign-in Code: https://github.com/machadop1407/pedrotech-portfolio Want to Support Me? https://buymeacoffee.com/pedrow Join my newsletter: https://www.pedrotech.co/newsletter 🚀 Learn ReactJS By Building 6 Projects: https://codedamn.com/learn/reactjs-projects 🐙 GraphQL Course: https://codedamn.com/learn/graphql-for-beginners Social ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Website: https://www.pedrotech.co Linkedin: https://www.linkedin.com/in/machadop1407/ Instagram: https://www.instagram.com/pedro.fmachado_ Github: https://github.com/machadop1407 Business Email: [email protected] 🌟 Gear / Hardware I Use and Recommend 🌟 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 💻 https://amzn.to/42kqFuM 💻 Monitor 🖱️https://amzn.to/3C0ZhHb 🖱️ Mouse 📷 https://amzn.to/3OHJvbM 📷 My Camera 🎤 https://amzn.to/3oxSthj 🎤 My Microphone ⌨️ https://amzn.to/3oFPpj1 ⌨️ My Microphone ⚡ https://amzn.to/3MYMnzM ⚡ LED Lights In the Background Timestamp: 00:00 Project setup with Vite and dependencies 13:00 Creating animated loading screen 25:00 Building responsive navigation bar 43:00 Implementing home section with introduction 52:00 Developing about section with skills display 01:08:00 Creating projects showcase section 01:18:00 Building contact form component 01:35:00 Integrating EmailJS functionality 01:43:00 Setting up environment variables 01:45:00 Deploying to GitHub Pages #reactjs #tailwindcss