Its morning here , fresh air , fresh start portfolio website , to showcase miniprojects , .... Learning becomes very much interesting with these kinda tutorials , Love from 🇮🇳
I must say, I have completely given up trying to figure out how to work React on Mac for months and I happen to watch your setup in the beginning haha, so big thanks I got it working on an M3 Macbook!
If your project is not showing up at around 40:14, it's because you haven't declared the toggleTheme with a "const". You need to declare it with a const because unlike the useEffect function above it, it's a custom function that hasn't been declared/defined elsewhere (like useEffect has been, since it's a part of React itself). This is what happened to me. Cheers guys and good luck with the project.
I just wanted to say thank you for the tutorial. After watching your videos 8 times, I now have at least a 10% understand of how React works. I'm looking forward to learning more from you. I hope you can create more content on ReactJS and ReactTS soon. If you have a Patreon account or any other way for your subscribers or students to support you, please keep us posted so we can contribute in a small way.
@@howtobecomeadeveloper I noticed that you forgot to add the check marks to the light theme version of the app. could you add it in the code? many thanks once again! 🙌
@@fahadrahman1831 They are both there to my knowledge, or are you referring to somthing else? github.com/Ade-mir/harris-johnsen-2/blob/main/src/assets/checkmark-light.svg github.com/Ade-mir/harris-johnsen-2/blob/main/src/assets/checkmark-dark.svg
@@howtobecomeadeveloper oh no I meant the checkmarks don't show up in the skills section when app is changed to light mode. For reference: see @2:00:39
@@fahadrahman1831 Ah I see! I forgot to add the logic to change the colors here. The answer is to use ThemeContext as in the Hero. I've pushed the fix, here is the link 😊 github.com/Ade-mir/harris-johnsen-2/commit/c54aa7906b4b5e8fdff4571afade772828b5fcec
Thank you for this tutorial video, I self-studied HTML, CSS, JavaScript, REACT, and then some component library and CSS frameworks like Bootstrap and Chakra UI. Somehow, I can't think of a way to start creating my online portfolio. Thank God I came across your video while browsing through RUclips.
Bro you' re really underrated. The designs, the way of explaining everything is awesome just one thing naming of the classes could be short and easier ✌✌✌✌
Want to say thank you for the video! Really easy to follow along. Could you plz make more video about the CSS concepts (would be great if you can cover it in a practical way like how did you come up with styling the whole portfolio website, etc)? Thank youu ~
Where would you recommend to host a personal portfolio that showcases MERN stack projects and .NET projects? Im building my own portfolio from scratch using HTML, CSS, and JavaScript?
i really donot want to make this from scratch so can i use this and replace it with my info and i did some modification like made the contact form working using email js lib , added a nav for better navigation , and a resume viewer.
Awesome tutorial! easy to understand for me who not too familiar with React, but understand some of the basic algorithms, looking up for future videos✨
Anyone has an issue display their resume? When I try with his resume it works but when I try with my personal resume it stays blank :( it is a pdf so I don't know what formatting issues it might have
Hi! While I was following the hero component part the img imported and showed successfully but by the end of me finishing the section of the video nothing is showing on the screen. There are no errors in my code and my code is exactly like yours, I’ve checked like a million times. As soon as I imported the sun icon the local* host screen went blank. Is there any solution for this problem? Any idea where I might’ve gone wrong?
paste each files code in chatgpt and ask a question, explain your error or just write whats the error, however if this trick doesnt workout revert back to a stage where your code was properly working like his and then start again, its kinda annoying but its one of the best ways.
@@howtobecomeadeveloper Kindly post video about How to host React js or Next JS website in Google cloud platform and connect with custom domain. We tried multiple times. we face more error. post full video about Google cloud hosting for websites or full stack MERN Web application. how to host.
Just a heads-up for the people following the tutorial: the image generation thing does not work for black people, it always pumps out a white person(at least on Leonardo). I tried a bunch of things but it never comes out OK. Thanks for the tutorial though, great work! XD
What video would you like to see next? 👇
A complete backkend? Plz
You got it, its coming! 🙌😊@@Xcoder__1957
@@howtobecomeadeveloper omg thanks❤🥺
Please make a video on how to make a npm package using javascript
@@shivanshigupta9359 Awesome suggestion! 📝
Its morning here , fresh air , fresh start portfolio website , to showcase miniprojects , .... Learning becomes very much interesting with these kinda tutorials , Love from 🇮🇳
Amazing, love that! Happy you are enjoying these tutorials 😊
I must say, I have completely given up trying to figure out how to work React on Mac for months and I happen to watch your setup in the beginning haha, so big thanks I got it working on an M3 Macbook!
If your project is not showing up at around 40:14, it's because you haven't declared the toggleTheme with a "const". You need to declare it with a const because unlike the useEffect function above it, it's a custom function that hasn't been declared/defined elsewhere (like useEffect has been, since it's a part of React itself).
This is what happened to me. Cheers guys and good luck with the project.
Happened to me as well. Thank you for this.
@@JoNas-dg7em You'll make it through brother. Remember to use smart prompts with chatGPT when you get stuck on something.
@@JoNas-dg7em Check my other comment too regarding the checkmarks. This tutorial forgot to flip the colors for them for dark and light mode.
@@PegeCovers yeah, thats right
I just wanted to say thank you for the tutorial. After watching your videos 8 times, I now have at least a 10% understand of how React works. I'm looking forward to learning more from you. I hope you can create more content on ReactJS and ReactTS soon. If you have a Patreon account or any other way for your subscribers or students to support you, please keep us posted so we can contribute in a small way.
This is the only tutorial so far that is in any way helpful, lmao. You're a natural at this. Do not stop creating helpful videos.
I was just looking to create a portfolio for my resume and projects recently and now your vid shows up!
Can't wait to use this it looks so clean!
Amazing, I love when the suggested video is spot on 🤌 Have fun coding! 🙌
@@howtobecomeadeveloper I noticed that you forgot to add the check marks to the light theme version of the app. could you add it in the code? many thanks once again! 🙌
@@fahadrahman1831 They are both there to my knowledge, or are you referring to somthing else? github.com/Ade-mir/harris-johnsen-2/blob/main/src/assets/checkmark-light.svg
github.com/Ade-mir/harris-johnsen-2/blob/main/src/assets/checkmark-dark.svg
@@howtobecomeadeveloper oh no I meant the checkmarks don't show up in the skills section when app is changed to light mode. For reference: see @2:00:39
@@fahadrahman1831 Ah I see! I forgot to add the logic to change the colors here. The answer is to use ThemeContext as in the Hero. I've pushed the fix, here is the link 😊 github.com/Ade-mir/harris-johnsen-2/commit/c54aa7906b4b5e8fdff4571afade772828b5fcec
Thank you for this tutorial video, I self-studied HTML, CSS, JavaScript, REACT, and then some component library and CSS frameworks like Bootstrap and Chakra UI. Somehow, I can't think of a way to start creating my online portfolio. Thank God I came across your video while browsing through RUclips.
thanks for the amazing tutorial, with each one of your projects i learn a little more of different topics, great job as always!!
Amazing work fast, simple and very good explanations for even beginners to use this!
Tusen Takk! Love from Kolkata, India.
🇮🇳❤️🇸🇯
Bare hyggelig! ❤️
This is absolutely an amazing video. This is my kind of portfolio, what exactly I was looking for, simple and clean website.
Thanks a lot!
This was very helpful! It is simple and yet beautiful. Can't wait to see more! 🖤🖤
Absolutely awesome video! I learned so much, thank you!
Bro you' re really underrated. The designs, the way of explaining everything is awesome just one thing naming of the classes could be short and easier ✌✌✌✌
Noted!
thank youuuuu ssoooooo much sir
love from kolkata india
btw i am 14 years old 🥰🥰
Excellent work for react beginners
Thank you sir. Good video, good explanation.
Want to say thank you for the video! Really easy to follow along. Could you plz make more video about the CSS concepts (would be great if you can cover it in a practical way like how did you come up with styling the whole portfolio website, etc)?
Thank youu ~
More tutorials on Vite+ReactJS or Vite+Svelte, please. I'm learning a lot from your videos. Thank you.🙇
Thank you so much for this! Super easy to follow and digest!
Awesome! I'm glad! 😊
Your videos are just awesome, Thank you so much !!
Glad you like them!
Thank you so much for wonderful website u created! It help me a lot
1:13:45 why is the use flexbox resolving that transform issue?
Please share the VSCode theme name!!!!! Absolutely loved it!
Where would you recommend to host a personal portfolio that showcases MERN stack projects and .NET projects? Im building my own portfolio from scratch using HTML, CSS, and JavaScript?
Great video! Thank you so much for this. I would really love to get a copy of your CV template please
Great tutorial! For the copyright section in the footer do we use Harris Johnsen or we use our names?
You are free to use your own name 😊✅️
@@howtobecomeadeveloper Thank you a bunch! Can't wait for future videos
My sun/ moon icon disappeared when I was doing the app.css part. How do I get it back? I even undid everything and it shows nothing.
i really donot want to make this from scratch so can i use this and replace it with my info and i did some modification like made the contact form working using email js lib , added a nav for better navigation , and a resume viewer.
Go for it!
Awesome tutorial! easy to understand for me who not too familiar with React, but understand some of the basic algorithms, looking up for future videos✨
Awesome! Happy you liked it!
Where are fully functional contact form of portfolio ???
Can someone help me with building a basic navigation bar for this project? Thanks!
Hi there! I great video love the content.
I have a question about the image its realy good is it ai made?
Please make a video on NextJs and the full-stack project as well.
Awesome suggestion! This will be coming! 😊🙌
This React portfólio will be as good as the html/css for SEO?
when I write hero in the fucntion app(){} it doesn't show up on my browser and not even in the elements when I inspect it. what should I do???
The code breaks when I turn into dark mode, the projects no longer have any distance between them, could you tell me why could this be happening?
Anyone has an issue display their resume? When I try with his resume it works but when I try with my personal resume it stays blank :( it is a pdf so I don't know what formatting issues it might have
if i want to use my custom fonts rather than google fonts what changes i can do
I don't know why but my Project section's media query isn't working although I checked it twice. If someone can help ?
Hi! While I was following the hero component part the img imported and showed successfully but by the end of me finishing the section of the video nothing is showing on the screen. There are no errors in my code and my code is exactly like yours, I’ve checked like a million times. As soon as I imported the sun icon the local* host screen went blank. Is there any solution for this problem? Any idea where I might’ve gone wrong?
paste each files code in chatgpt and ask a question, explain your error or just write whats the error, however if this trick doesnt workout revert back to a stage where your code was properly working like his and then start again, its kinda annoying but its one of the best ways.
Hey man 👋
May I know where can I get/generate that kind lf AI profile picture? Thanks! ☺️
how did you make email sending/receiving functionality in this portofolio website? like using emailjs
He has a video called: "Send Emails From a HTML Contact Form". Watch that. Explains and shows everything.
Please make a video on how to make a npm package using javascript
Awesome suggestion!
How do the contact work where will be the message store or how can the author see that
Thank you 👍
Please tell me how to set circular profile picture in portfolio profile
Can you properly XML file of it
Как вы сделали эту аватарку, из какой нейросети и что написали?
Conatct form is not link with any backend
Can you make a react + laravel project sir, then deploy to hostinger.
Awesome suggestion!
Plz make a chat application with a video calling feature ..kind of like a WhatsApp clone....
Such a fun suggestion! Definitely going in my list of future projects! 🙌😊
40:34
Hello!! can i use node version v18.12.1???
Not gonna say for sure, but I imagine so. Give it a try and let me know if you got any problems 😊
How to deploy this website on google cloud platform
Awesome, noted!
@@howtobecomeadeveloper Kindly post video about How to host React js or Next JS website in Google cloud platform and connect with custom domain. We tried multiple times. we face more error. post full video about Google cloud hosting for websites or full stack MERN Web application. how to host.
Command to run project. Please it's urgent
1:14:39
it got deplyed but shows only white screen
Do you get an error message?
Just a heads-up for the people following the tutorial: the image generation thing does not work for black people, it always pumps out a white person(at least on Leonardo). I tried a bunch of things but it never comes out OK.
Thanks for the tutorial though, great work! XD
Ah, I'm so sorry to hear that! Have you tried any other generator after with better results?
Php + react
Noted! 🙌✅️😊
Too simple :(
55:15
54:05