Build a Complete Responsive Personal Portfolio Website using React, Tailwind, Framer Motion
By the end of the video, you will create and deploy an Animated modern personal portfolio website using React, Tailwind CSS, and the Framer Motion library.
The website will also be responsive for a great user experience across devices.
Links:
SOURCE CODE: https://buymeacoffee.com/compiletab/e...
Assets: https://github.com/kushald/carl-frank...
The website begins with a navagation bar at the top, with links to various section.
The navbar is also responsive and looks good on the mobile version as well.
Next is the hero section that includes a bold header with Carl's name, a greeting message and a brief introduction.
On the right side you see the image of carl, creating a professional first impression.
Next is the projects section, which will be a grid layout, displaying various project cards.
Each project will have an image and when you hover over it you can see a beautiful blurring of image with project name, description and the github link.
After this we have a bio section which will provide a detailed introduction of Carl's professional career.
This is followed by skills section which showcases carl's technical expertise.
Each skill is displayed in a row with a relevant icon, skill name and years of experience.
After this we have the work experience section which showcases all the companies Carl has worked in the past.
Each job is displayed in a card with job title, company name, duration and job description.
Next we have the eduction section which provides details about Carl's academic background
This is followed by a contact form, which is built using Email js.
Once you submit the form you will see a notification and the email gets sent in real time.
Last will be the footer section with a Carl’s social media links.
You will also experience smooth scrolling on every link that you click in the navbar.
00:00:00 Introduction
00:01:45 Installation
00:07:06 Hero
00:13:59 Navbar
00:27:53 Projects
00:35:40 Bio
00:38:24 Skills
00:44:03 Work Experience
00:49:04 Education
00:52:56 Contact
01:12:45 Footer
01:16:25 Framer Motion
01:36:41 Deploy
#reactjs #reactjsproject #reactjstutorial #framermotion #tailwindcss #tailwind
Смотрите видео Build a Complete Responsive Personal Portfolio Website using React, Tailwind, Framer Motion онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь compiletab 04 Август 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 7,14 раз и оно понравилось 18 людям.