AI, Data Science & Cloud Certificates from Google, IBM & Meta
The Fastest Way to Become a Backend Developer Online
Overview
AI, Data Science & Cloud Certificates from Google, IBM & Meta — 40% Off
One plan covers every Professional Certificate on Coursera. 40% off Coursera Plus Annual.
Unlock All Certificates
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