Build and Deploy Responsive React portfolio website: React | Framer Motion| Tailwind CSS

In this video, we will look at how to build a react portfolio site for software developers using tailwind CSS and framer motion library.

🔗 Links:

The website will have a modern UI/UX design that is completely responsive. The site will contain a navbar, a hero section that will display the Full stack developer's name and some description. Followed by the About section which will contain an image and information about the developer.This is followed by the technologies section which contains all the technologies stack the software developer uses. We will also have a work experience section to display the developer's years active in an organization with the company name, job role, and technologies used.Next, will be the projects section to display all the projects the developer wants to highlight. And last will be the contacts section which will contain the address, contact number and email address.

00:00:00 Introduction
00:02:05 Installation
00:06:49 Navbar
00:14:49 Hero Section
00:20:00 About Section
00:24:29 Technologies Section
00:29:32 Work Experience Section
00:36:02 Projects Section
00:42:12 Contact Section
00:45:09 Framer Motion
01:06:22 Deploy

#reactjs #reactjsproject #reactjstutorial #framermotion #tailwindcss #tailwind

[abhaysharma]

it took me so long to find a simplistic portfolio tutorial. Thanks for the video

[biteshahidfarooq]

Great tutorial. Each and every part was very crystal clear.❤

[unaisulhadi]

Watched till the last, Excellent tutorial. Keep going.

[pixel_designs]

Very straight to the point. Thanks for this

[pjguitar]

Thank you for the background snippets! I didn't know this exists and I think it's very useful for me!

[manojpaithane]

i appreciate your work bro, just try to explain the things easily, your tutorial should be beginer friendly. thank you

[vishalsinghpanwar]

from which website did you get the Kr logo?

[itsi.]

the logo is not shrinking with me
do you know what is the problem
minute 9:20 - 9:50

[AyushSrivastava-tb]

having deploymenet issue
saying delete the node modules

[sagarrajak]

Bro it was really nice work ...keep it up🙌

[MuzamilKhaan-]

Bro plz make a full fledge Ecommerce web app and teach in detail about every concept of ecom web

[ShivamTripathi-sf]

Hello, this is really an awesome video but I need some help because when I go to mobile view, the experience section is getting cut from left side, everything else is working fine. Please Help!

[riteshbhadana]

Can anyone tell me what the problem is with this
can someone please tell me how this can be fixed? I am not able to understand anything.
This project in CSS js react
Pl any help me

[scnxhbn]

Is this using typescript or javascript??

[mofahad]

What extension do you use to get get the code completed by using short forms of code

[dark_pitch]

request to make a full stack using express and nodejs

[jayesh]

hey Kevin, we are desperately waiting for your projects tutorial .

[HastenWennie]

Does anyone know how to make social media button able to link to personal github, linkedin etc?

[aditya.g]

sir you didn't add links to the social media logos

[doomnotron]

My navbar is below the hero. WHat I do wrong?