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://tinyurl.com/y5xrm6hu
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-pr...
🐙 GraphQL Course: https://codedamn.com/learn/graphql-fo...

Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: https://www.pedrotech.co
Linkedin:   / machadop1407  
Instagram:   / pedro.fmachado_  
Github: https://github.com/machadop1407

Business Email: pedro@pedrotech.co

🌟 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