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

YouTube

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

PedroTech via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to build and deploy a professional portfolio website in this hands-on tutorial that combines ReactJS and TailwindCSS. Starting with project setup using Vite and essential dependencies, master the creation of an animated loading screen, implement a responsive navigation bar, and develop engaging sections including a home introduction, skills display, and project showcase. Progress through building a functional contact form with EmailJS integration, handle environment variables, and conclude with deploying the finished portfolio to GitHub Pages. By following along with the step-by-step instructions, gain practical experience in modern web development while creating a stunning portfolio to showcase projects to potential employers.

Syllabus

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

Taught by

PedroTech

Reviews

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

Never Stop Learning.

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

Someone learning on their laptop while sitting on the floor.