Future-Proof Your Career: AI Manager Masterclass
Gain a Splash of New Skills - Coursera+ Annual Just ₹7,999
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