Build a Stunning React Portfolio: Next.js, Tailwind, and CSS Animation | Part 2

preview_player
Показать описание
🚨🚨 Download your FREE Portfolio Video Resources Here: 👇:

🔥 What's Inside the resource bundle?:
- 🎨 Complete Responsive Designs
- 🚀 Starter Template Files
- 📷 All Images and Icons
- 💯 100% FREE!

▶️ Watch Part 1 of this tutorial series here: ▶️

👀 Get a FREE 14-day trial of the browser used in this video: Polypane 👇

This tutorial is perfect for:
- Beginners who want to learn valuable frontend skills and build a portfolio project.
- Experienced developers who want to explore cutting-edge frontend technologies.
- Anyone who wants to create a professional and engaging portfolio website.

🤓 Here's what you'll learn:

- TailwindCSS Mastery: Style your portfolio with ease and efficiency using Tailwind's utility-first approach.
- Framer Motion & CSS Animations: Learn to create captivating animations and micro-interactions to bring your portfolio to life and enhance user experience.
- End-to-End Project Build: Follow along as we develop the entire portfolio site, from initial setup through completion.

🕐 Timestamps:
00:00 - Introduction
01:17 - Testimonials Section
32:07 - About Section
1:40:24 - Call To Action Section
1:54:42 - Footer Section
2:09:57 - Hero Section Animations
2:34:30 - Featured Projects Section Animations
2:40:03 - Tape Section Animations
2:47:37 - Testimonials Section Animations
2:55:25 - About Section Animations

🔔 Subscribe for more awesome frontend dev content:

🌐 Visit Our Website:

#frontenddev #nextjs #tailwindcss #framermotion #portfolio #webdevelopment #codingtutorial

🛠️ My Setup:

🟣 Frontend Tribe is on a mission to transform 10,000 lives through front-end development mastery! 🟣

Affiliate links disclaimer: This video description contains affiliate links, which means I may receive a commission if you click on a link and make a purchase. However, I only recommend products I genuinely endorse and believe would be helpful to you. Your support helps me keep creating valuable content like this, so thank you!
Рекомендации по теме
Комментарии
Автор

Dude, I made it all and its superb. Thnx man

riteshpatil
Автор

Finally completed this part as well, and the webpage is looking awesome! 🔥

TicTac
Автор

For the first time I completed a portfolio website and learned lot of things. Again thank you so much Frontend Tribe

MrAlam-iw
Автор

Completed the project... looks great. But honestly, I learned a lot, especially the animations, and now I can apply it independently because I know where to change and tweak to get the desired results. Thanks a lot!

asmnahin
Автор

Man it's a ton of works 🔥🥵👀

You nailed it.

I leaned lot from your videos.

Frontend tribe ❤❤❤

SK_Covers
Автор

Thanks for this man. Finally I started to create my own portfolio. It was really convenient to go through the pace. Keep up the good work !

Kumar-rk
Автор

finally completed the project. thanks man

syxshooters
Автор

really gained a lot from your video with multiple problem solving, finally the page looks amazing, great video man really

ravipandey
Автор

Hey wanted to say i am loving your channel. Its super informative and straightforward. One thing i noticed though is for the scrolling effects you left them a bit finicky in which they would jump.

carlosmed_
Автор

completed part 1 amazing felling confident now created some of my own design
too

saketgiri
Автор

Completed part 1+2. Learned a lot from your tutorial 😃

senlee
Автор

Completed this part also added react-mail for email also change the navbar for specific section and some more touches I need to do as for my projects thanks for helping out man ! Ciao 🥷

mohammed.k
Автор

Very Good Tutorial, Hope To Keep Seeing New Videos, Keep Growing Brother🤟❤

phantomgod_op
Автор

🎉 Exciting Milestone Achieved! 🎉

I’m thrilled to announce that I’ve successfully built the "Build a Stunning React Portfolio: Next.js, Tailwind, and CSS Animation" course page! 🚀

This journey has been incredible, allowing me to dive deep into modern web technologies and enhance my skills in:

✨ Next.js for powerful React applications
✨ Tailwind CSS for efficient and responsive design
✨ CSS Animations to bring dynamic interactions to life

I am immensely grateful for the opportunity to work on this project and for the support from my amazing team/community. 🙏

masterenprogramacion
Автор

JESUS, this guy is a on the column part im like dude....its just a little off from the mockup ....but anyway good practice...

KojoJohnson
Автор

why i can not get mask-image linear gradient?what is the problem?thanks for you awesome tutorial

MrAlam-iw
Автор

where do you download personal svgs from for example the grain image in the Bento grid and the svgs for the tech stack in project

AJPHIL-btme
Автор

after completing hero section animation i got this error " Warning: React does not recognize the `shouldSpin` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `shouldspin` instead. If you accidentally passed it from a parent component, remove it
from the DOM element. " how to fix....

paropriya
Автор

Thanks for the video really helpful! Why don't you add video/s regarding not only FrontEnd but also Backend as well; because it will help thousands of people to get nice jobs maybe!

TheInvincible-success
Автор

Great video and really nice sound, would you mind sharing your setup? Mic+sw? Thanks!!

broskisnajdy