Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Build and Deploy a Modern Personal Portfolio with ReactJS and TailwindCSS - React Beginner Tutorial

PedroTech via YouTube

Start learning Write review
Scrimba Ad

Our career paths help you become job ready faster

Learn More → GetSmarter Ad

AI Adoption - Drive Business Value and Organizational Impact

Learn More →

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to build and deploy a modern space-themed portfolio website using ReactJS and TailwindCSS in this comprehensive beginner tutorial. Create a stunning portfolio to showcase your projects with features including custom theme customization, dark/light mode toggle, animated background effects, responsive navbar, and multiple content sections. Follow along from initial setup through deployment as you build a hero section, about me page, skills showcase, projects gallery, and contact form. Access the complete GitHub repository for reference and deploy the finished portfolio so potential employers can view your work live. The tutorial covers essential React concepts and TailwindCSS implementation perfect for beginners looking to create a professional web presence.

Syllabus

00:00 | Introduction and Project Setup
03:30 | TailwindCSS Setup and Theme Customization
32:30 | Theme Toggle and Background Effects
56:30 | Building the Navbar
1:18:00 | Hero Section Implementation
1:28:30 | About Me Section
1:40:45 | Skills Section
1:56:00 | Projects Section
2:10:00 | Contact Section
2:36:00 | Footer, Final Review, and Deployment

Taught by

PedroTech

Reviews

Start your review of Build and Deploy a Modern Personal Portfolio with ReactJS and TailwindCSS - React Beginner Tutorial

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.