Get 20% off all career paths from fullstack to AI
Google Data Analytics, IBM AI & Meta Marketing — All in One Subscription
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
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