); }; hey tic tac, I'm having an error in this part its a components section file hero orbit.tsx the problem I face is the the sparkle animation is too fast and in the video its normal and subtle...I started facing this issue at 2:23:45. can u help me with this
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!
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.
🎉 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. 🙏
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 🥷
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!
Hey great video and thats true i've learned lot more from this video.. but can you help me with something i just wanna how to create those memoji it will be very helpfull if you share with us..
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....
also the buttons are not working example the header button no tapping does not take me to that section, similarly footer links, is that needs to be done separately
@@frontend-tribe I want to start off saying I love your content. Keep up the great work! Plenty of value here!! Thank you very much. I will check this out. I had a play around myself in the mean time: Issue 1: I ended up having to use the tailwindcss ring class instead of outline, as it was cutting off the rounded corners on the cards. Issue 2: I found the site moved on the horizontal axes, so I added this line to the global css - html, body { @apply overflow-x-hidden; } This then caused an issue with the first card animation due to placing the overflow-x-hidden on the main html and body elements. So I experimented with framer motion to resolve this. There may be an easier approach to this I'm not aware of??
Any one know ka sir na yajo svg use ke hai project ma ya kaha sa download ke hai ku ka mane typescript aur next js ke karni hai to wo nahi ho rhe sahi download please Any one help me
السلام خويا أنا web developer عندي إنجليزية مزيانة. بغيت نهاجر. أنا عندي مستوى مزيان ولكن معنديش تجربة فشركات! درت خطأ أنني بقيت بزاف freelance والصراحة حتى لي بروجي لي كنت كنخدم ماشي شي حاجة لي تحطها ف portfolio وتكون فخور بها أغلبية غير مواقع wordpress. مؤخرا خدمت على جوج بروجيات كبار باش نحطهم ف بورتفوليو. يلا عندك نصائح لي تقدر تعاوني بيها
@@frontend-tribe I’ve been self-learning since 2016, gaining significant experience and a deep understanding of web development. However, due to a lack of guidance, I made a mistake by spending too much time on freelance projects that I’m not proud to showcase in my portfolio-mostly WordPress websites. Despite this, I’ve never stopped learning. Lately, I’ve started to feel confident in my skills and have been considering getting a job with a company. I’ve lost hope in finding opportunities in my country, the opportunities here are very limited. which is why I’m thinking of going abroad. My current struggle is that I don’t have real experience working with a company. So, my strategy now is to build large projects that I can feature on my resume to demonstrate my skills. That was my comment to the other guy seeking advice. Thank you for your reply. I’m actually surprised you managed to translate that, because it’s not Arabic that's our local language in Morocco.
@@frontend-tribe I’ve been self-learning since 2016, gaining significant experience and a deep understanding of web development. However, due to a lack of guidance, I made a mistake by spending too much time on freelance projects that I’m not proud to showcase in my portfolio-mostly WordPress websites. Despite this, I’ve never stopped learning. Lately, I’ve started to feel confident in my skills and have been considering getting a job with a company. I’ve lost hope in finding opportunities in my country, the opportunities here are very limited. which is why I’m thinking of going abroad. My current struggle is that I don’t have real experience working with a company. So, my strategy now is to build large projects that I can feature on my resume to demonstrate my skills. That was my comment to the other guy seeking advice. Thank you for your reply. I’m actually surprised you managed to translate that, because it’s not Arabic that's our local language in Morocco.
Dude, I made it all and its superb. Thnx man
For the first time I completed a portfolio website and learned lot of things. Again thank you so much Frontend Tribe
That’s awesome to hear, great job! 👏
Finally completed this part as well, and the webpage is looking awesome! 🔥
Amazing, glad to hear it 🎉
can you please send me the full code link on github. I'd really appreciate that
@@raghavsharma3229 I can't,
don't be lazy
@@TicTac02 import { PropsWithChildren } from "react";
export const HeroOrbit = ({
children,
size,
rotation,
spinDuration,
}: PropsWithChildren) => {
return (
{children}
);
};
hey tic tac, I'm having an error in this part its a components section file hero orbit.tsx the problem I face is the the sparkle animation is too fast and in the video its normal and subtle...I started facing this issue at 2:23:45. can u help me with this
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!
Really great to hear! You’re welcome ☺️
completed part 1 amazing felling confident now created some of my own design
too
finally completed the project. thanks man
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.
Good to know, thanks 🙏
really gained a lot from your video with multiple problem solving, finally the page looks amazing, great video man really
Awesome to hear! Glad you got all the way through 💪
Completed part 1+2. Learned a lot from your tutorial 😃
Awesome, so glad to hear 💪
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 !
Great, glad I was able to help 😁
Man it's a ton of works 🔥🥵👀
You nailed it.
I leaned lot from your videos.
Frontend tribe ❤❤❤
Thank you 🙏 😊
just completed this thanks a ton !
Great to hear! Glad you enjoyed it 😊
Very Good Tutorial , Hope To Keep Seeing New Videos , Keep Growing Brother🤟❤
Thank you, I will 😊
your design knowledge 🔥🔥
Great video and really nice sound, would you mind sharing your setup? Mic+sw? Thanks!!
Sure - I use a Rode NT USB Mini 🎙️ 🙂
Doing great honestly
JESUS, this guy is a perfectionist.....im on the column part im like dude....its just a little off from the mockup ....but anyway good practice...
You’re not wrong - I like pixel perfect 😍
This channel is fire
You are doing good work
I will pray for you and your family and and for your success also.
Great Job again, Can I use the design and code along for my portfolio Site?
Yeah, no reason you couldn’t if it’s modified with your content 🙂
why i can not get mask-image linear gradient?what is the problem?thanks for you awesome tutorial
For testimonials: [mask-image:linear-gradient(to_right,transparent,black_10%,black_90%,transparent)]
Which Bowser are you use
Polypane 😊
Please create more project that will impress the recruiter and make us get hired as a frontend developer
Working on it 😅
Your are helping me to GET a ** JOB ** , thanks a lot :))
Love to hear that! 👏👏
🎉 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. 🙏
Love it 👏👏
beautiful
Hurray part 2 is hear
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 🥷
Awesome 👏
Thanks man...
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!
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
I made the grain image, and got the tech icons from font awesome if I remember correctly, but I modified them to suit my usage 😊
@@frontend-tribe Thank you soo much
Is there a live link for this? I'm curious
Not for this one, sorry
Hey great video and thats true i've learned lot more from this video.. but can you help me with something i just wanna how to create those memoji it will be very helpfull if you share with us..
Found them online 🙂
When are you uploading the final part????
That is the final part 😎
Hi love the video!
i have a question about the my reads card what if we have a lot more books i dont get how will it be able to show them
Yeah, sounds like that will require some creativity for sure 👍
what site can I use to put in emojis for windows please?
Not sure right off hand - maybe font awesome?
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....
Hard to say without seeing the code, sorry.
what about navbar?
It’s the final challenge for you to complete 😅
Can I have the css background for elementor please? The moving background is so beautiful.
I don’t do elementor, sorry
also the buttons are not working example the header button no tapping does not take me to that section, similarly footer links, is that needs to be done separately
Yup, I didn’t add that piece 👍
hey, when i tried to add new icons, their colors don’t change to the gradient, they show up as the original colored image
How can i fix this? Thanks!
You might need to adjust the props - svgs can be tricky sometimes 😅
which is your browser
Link in the description 😊
Great
Thanks!
Is someone have this complete template repo in Git Hub or other resources ?
This look's great in most browsers, however it seems to have issues in Safari. Has anyone overcome these?
Might just have to do with using ‘autoprefixer’. Check out the tailwind docs for how to set it up. I usually demo in safari so it should work…
@@frontend-tribe
I want to start off saying I love your content. Keep up the great work! Plenty of value here!! Thank you very much. I will check this out.
I had a play around myself in the mean time:
Issue 1: I ended up having to use the tailwindcss ring class instead of outline, as it was cutting off the rounded corners on the cards.
Issue 2: I found the site moved on the horizontal axes, so I added this line to the global css -
html,
body {
@apply overflow-x-hidden;
}
This then caused an issue with the first card animation due to placing the overflow-x-hidden on the main html and body elements. So I experimented with framer motion to resolve this. There may be an easier approach to this I'm not aware of??
Hey you didn't finish doing the navbar. It's not functional.
Gotta leave you a challenge 😉
My frintend skills are 0 can i follow u ? Btw im nore in backend but your videos looks cool
No problem, I’ll teach you 👨🏫
can i anyone show a demo website of this? thanks!
Or you could build it along with the video 😁
Any one know ka sir na yajo svg use ke hai project ma ya kaha sa download ke hai ku ka mane typescript aur next js ke karni hai to wo nahi ho rhe sahi download please Any one help me
When part 3 will published?
Did he say there is going to be a part 3? I am yet to watch the video though.
No part three - this is the final one 👍
@@frontend-tribe I made 2 comments and i cldnt see them. ?
Bro make a mrn stack Blog Web app like medium which we have cms/Admin
That would be cool - might do that in a future video 👍
@@frontend-tribe yeah bro 🤘🏻
What if I got stuck in code, because u didn't share the entire code.
Second, I use VS code is it ok?
Yes, VSCode is good 👍. If you get stuck, just go back and watch again. I walk through every line of code 😊
Share your repo here and the issue maybe someone (or I) will be able to help.
السلام خويا أنا web developer عندي إنجليزية مزيانة. بغيت نهاجر. أنا عندي مستوى مزيان ولكن معنديش تجربة فشركات! درت خطأ أنني بقيت بزاف freelance والصراحة حتى لي بروجي لي كنت كنخدم ماشي شي حاجة لي تحطها ف portfolio وتكون فخور بها أغلبية غير مواقع wordpress. مؤخرا خدمت على جوج بروجيات كبار باش نحطهم ف بورتفوليو. يلا عندك نصائح لي تقدر تعاوني بيها
Best tip is to keep building great projects! If you build enough things that are great you’ll gain experience and learn the skills as well 🙂
@@frontend-tribeI don't know what happened! I commented this on another video talking Moroccan language.
@@frontend-tribe I’ve been self-learning since 2016, gaining significant experience and a deep understanding of web development. However, due to a lack of guidance, I made a mistake by spending too much time on freelance projects that I’m not proud to showcase in my portfolio-mostly WordPress websites. Despite this, I’ve never stopped learning. Lately, I’ve started to feel confident in my skills and have been considering getting a job with a company. I’ve lost hope in finding opportunities in my country, the opportunities here are very limited. which is why I’m thinking of going abroad. My current struggle is that I don’t have real experience working with a company. So, my strategy now is to build large projects that I can feature on my resume to demonstrate my skills.
That was my comment to the other guy seeking advice.
Thank you for your reply. I’m actually surprised you managed to translate that, because it’s not Arabic that's our local language in Morocco.
@@frontend-tribe I’ve been self-learning since 2016, gaining significant experience and a deep understanding of web development. However, due to a lack of guidance, I made a mistake by spending too much time on freelance projects that I’m not proud to showcase in my portfolio-mostly WordPress websites. Despite this, I’ve never stopped learning. Lately, I’ve started to feel confident in my skills and have been considering getting a job with a company. I’ve lost hope in finding opportunities in my country, the opportunities here are very limited. which is why I’m thinking of going abroad. My current struggle is that I don’t have real experience working with a company. So, my strategy now is to build large projects that I can feature on my resume to demonstrate my skills.
That was my comment to the other guy seeking advice.
Thank you for your reply. I’m actually surprised you managed to translate that, because it’s not Arabic that's our local language in Morocco.
can't login to frontendtribe
Shouldn't be a login. Just go to the link at the top of the description 😀
@@frontend-tribe I thought it's a bug bc login with GitHub and nothing happens 🤔
can we have the code
The best code is the code that you build yourself ☺️
💖💖💖
Is it just me or is your channel volume always super low?
Yeah it's on your side
I posted a comment and i cant see my comment again.
Not sure why - I can see this one ☝️
RUclips censors everyone. I had my other account, can't comment on some yt channels.
@@_gigachad177 Really annoying. I was trying to share my work on how i completed the design before the part 2 came out but YT did their thing.
deploymnet plzz
Maybe in the next one ☺️