Grow your YouTube channel like a PRO with a free tool
Get Free YouTube Subscribers, Views and Likes

Build a Responsive React Portfolio Website | Tailwind Framer-Motion u0026 React Hook Form

Follow
EdRoh

In this tutorial, we will build and deploy a complete Responsive React Portfolio Website. We will be using React, Tailwind CSS, Framer Motion and React Hook Form with Form Submit to build this fully build application.

Tailwind Css: https://tailwindcss.com/docs/installa...
Form Submit: https://formsubmit.co/
React Anchor Link Smooth Scroll: https://github.com/mauricevancooten/r...
Framer Motion: https://www.framer.com/docs/
Google Fonts: https://fonts.google.com/

Code
completed code: https://github.com/edroh/reactportf...
location of image assets (you'll have to download the entire repo to get the images): https://github.com/edroh/reactportf...

———————————

Subscribe to my channel:    / @edrohdev  
for more web development and web 3.0 blockchain tutorials!

———————————


Who is EdRoh? I'm a lead engineer for a publicly traded company and have been developing for a decade now.

I'm here to provide you indepth tutorials by simplifying difficult concepts and more importantly, getting your hands dirty by building production level projects with ease to impress your future/current employer or clients.

======

Chapters:
0:00 Building this complete React Portfolio App from Scratch
1:54 Package Installations and Setup
8:46 Tailwind Installation and Setup
19:09 Navbar and Navigation
55:12 Landing Page
1:27:28 Skills Page
1:43:04 Projects Page
2:00:49 Testimonials Page
2:11:07 Contact Page
2:33:22 Footer Page
2:36:34 Deploying App to Vercel
2:39:15 Finished Complete Built and Deployed React Portfolio App

posted by Pollace9e