How many people do you think see web development entertainment? 🤭This is good for aspirants and upskillers. We are the only people who can truly appreciate this. So naturally it's growth is very niche. I'm surprised they put this much effort into niche content and release it for free. JM team is clearly well off and settled in life so they are not focusing on instant gains. Most people, even businesses won't have the luxury to do this as they'll have to answer to investors etc. This model screams people behind-the-scenes is *financially secure* - it's what I'd do if i was financially secure. I love it. I strongly believe education should be free and open source, if possible. I'm just blown away by the production quality.
For anyone working on Project 2: OpenAI api methods and configuration have changed so your dalleRoutes.js construction will be different. Here is a snippet of how I made my openai object and extracted the photo from the response: import { OpenAI } from "openai"; const config = new OpenAI({ apiKey: process.env.OPENAI_API_KEY, }); const openai = new OpenAI(config); const aiResponse = await openai.images.generate({ prompt, n: 1, size: "1024x1024", response_format: "b64_json", }); const image = aiResponse.data[0].b64_json;
ALSO: your fetch request to OpenAI will not go through unless you have credit on your account, if you see an error like "billing limit reached" or something make sure you check that and then generate a new key to use
Ive changed my code like you said but when I go to click on the generate image button i get this 400 error in the node terminal "Billing hard limit has been reached"
when i started with react i was so confused. once i started watching your videos, then i got the confidence and i feel comfortable writing react apps. Thank you very much for your effort!
Hello! I´m build the fourth project "The 3D portfolio" and i add a property to OrbitControls, this prop is enablePan={false}, when i try click with the right side, the object move in all canvas, this prop solve this! THANKS FOR THE CONTENT ADRIAN! Greetings from Argentina!
Holy shit I just watched the trailer of the video of like 3 minutes and I am literally getting goosebumps just by assuming at what I am going to learn in this 9 hours video and I am so so so much excited about this video..... it is like there is nothing else to learn apart from this video.... this is completely at different level and is outstanding video from others Thank you for this, lots of love 💗💗💗
This is an amazing channel. I were developing mobile apps and websites using flutter android java and website basics html css anda javascript but the React word is something very different than all I learned it's always interested me and I wantch couple off tutorial in all it I struggle with errors and after hours I couldn't manage to built it but following this video everything worked smoothly thanks for this amazing video. !!!Declaration: One of the best channel on CZcams👏👏
Just what I needed when I needed it. Already built the first and last project, starting the second and third project today but definitely building the third project before the second. Great stuff Adrian, bless you 🙏🏽
This is such a great video, however, I am stuck at 54:04 because the shirt is not popping up after adding the mesh properties. I am not getting any errors the shirt is just not showing up, but I don't know why.
This is the best video I have seen on any project building on the whole internet and I was also looking for a portfolio website. Thank you very much sir
Awesome video!! Really love the content from you Adrian. A quick point for anyone getting the following error in the console: THREE.BufferGeometry.computeBoundingSphere(): Computed radius is NaN. Set the Float32Array size as a multiple of 3. The position property is basically a Vector3 so we need 3 random points within the sphere. If the size is not a multiple of 3 then 1/2 points will be NaN and Threejs will complain with the above error.
Just a heads up in the part about starting a server in the first project OpenAi changed the import. No need to do the configuration or openAIapi. Only need to import OpenAI from openai
Hi Adrien, in the First Project, around the 53:30 min mark, you used the geometry "nodes.T_Shirt_male geometry", where would I go to modify the geometry if I wanted to modify the product type, replacing the T-shirt? Thanks in advance. I really like your channel and content.
Hi thanks for this video, currently i following your project 1, i stuck at 54:08, i don't know, but it not display the shirt like you, there error "Uncaught TypeError: Cannot read properties of undefined (reading 'geometry')" i try to find explanation, but didn't find on how to solve it, may you suggest me what to do?
Bro I'm getting this issue in first project "Uncaught Error: Could not load potsdamer_platz_1k.hdr: " while using Environment preset = 'city'.. can you tell me how to solve it ?
CZcams is only worth it thanks to your videos, they are super interesting, as a request if you can be could you do more content on web3 or a website for data sience? Thank you so much
3rd project was very easy to follow and the results are incredible. Thanks so far! 4th project has issues with the menu and close image. The confusing part is, I downloaded the project to check and there is no menu image on the top right corner. So, did it not work for you either? For the others, I just would skip that part with the menu image. There are issues with importing those images. I tried to fix it, but nothing works. Image is in the asset, but it won't show on the website. Edit: Finished my portfolio. This is so insanely good. Much appreciated Adrian!
I really appreciate your work and I will put a like and subscribe. Defintelly one of the best web dev on youtube. Where do you find those 3d persona in 2:19:22?
hey, if i watch this can i learn three js and tailwind css like that, is it neccessary to complete all of the 4 or if i complete 1 can i learn those things
if you are interested in only the threejs and tailwind css then the first project will do that for you.... tailwind css isn't that difficult if you already know vanilla css or bootstrap css..
Please someone tell 4:53:49 Line 15 - className={` $ {styles.innerwidth} ` } Here ` $ are used But in line 18 className= {styles.heroHeading} Here `$ are not used Why 😕🤔
Invaluable content for all of us AI/ML practitioners needing to showcase our work in professional-looking apps! Many thanks.
Amazing, enjoy!😊
Hey do you build your ML projects in python if so how do you connect your ML projects to the backend.
Common!! this channel is supposed to have 10M subscribers
How many people do you think see web development entertainment? 🤭This is good for aspirants and upskillers. We are the only people who can truly appreciate this. So naturally it's growth is very niche. I'm surprised they put this much effort into niche content and release it for free. JM team is clearly well off and settled in life so they are not focusing on instant gains. Most people, even businesses won't have the luxury to do this as they'll have to answer to investors etc. This model screams people behind-the-scenes is *financially secure* - it's what I'd do if i was financially secure. I love it. I strongly believe education should be free and open source, if possible. I'm just blown away by the production quality.
For anyone working on Project 2: OpenAI api methods and configuration have changed so your dalleRoutes.js construction will be different. Here is a snippet of how I made my openai object and extracted the photo from the response:
import { OpenAI } from "openai";
const config = new OpenAI({
apiKey: process.env.OPENAI_API_KEY,
});
const openai = new OpenAI(config);
const aiResponse = await openai.images.generate({
prompt,
n: 1,
size: "1024x1024",
response_format: "b64_json",
});
const image = aiResponse.data[0].b64_json;
ALSO: your fetch request to OpenAI will not go through unless you have credit on your account, if you see an error like "billing limit reached" or something make sure you check that and then generate a new key to use
thankss i had a problem and couldnt find a solution on the internet but after i changed my code like you instructed it fixed the problem
Ive changed my code like you said but when I go to click on the generate image button i get this 400 error in the node terminal "Billing hard limit has been reached"
@@saimaahmed130 I have already made 3 new keys, and I still get the error:" BadRequestError: 400 Billing hard limit has been reached".
For project 1, if you are getting an error while deploying to Render regarding Node version, add this to your package.json:
"engines": {
"node": ">=14
done still not working, error: THREE.WebGLRenderer: Context Lost.
when i started with react i was so confused. once i started watching your videos, then i got the confidence and i feel comfortable writing react apps. Thank you very much for your effort!
Amazing! 😊
In the entire youtube, you are the best teacher. Every video of yours is a masterclass. Love from India
Thanks for always making us such amazing courses.
Always welcome
Four project in one video. Good job Adrian
Thank you!
No matter what, I don't think I will be able to thank you enough.
Thank you very much!!!!!!!
Enjoy!
I am a junior developer but i love your content man. Will follow it for sure
Thank you!
Hello!
I´m build the fourth project "The 3D portfolio" and i add a property to OrbitControls, this prop is enablePan={false}, when i try click with the right side, the object move in all canvas, this prop solve this!
THANKS FOR THE CONTENT ADRIAN! Greetings from Argentina!
Holy shit I just watched the trailer of the video of like 3 minutes and I am literally getting goosebumps just by assuming at what I am going to learn in this 9 hours video and I am so so so much excited about this video..... it is like there is nothing else to learn apart from this video.... this is completely at different level and is outstanding video from others
Thank you for this, lots of love 💗💗💗
Bro So underrated even paid courses are not that much valuable love from pakistan ❤❤❤❤❤
Greetings to Pakistan :)
thank you for making such quality content for free of cost
You got it!
4:26:38 modern ui - tailwind, framer , next js 13
This is an amazing channel. I were developing mobile apps and websites using flutter android java and website basics html css anda javascript but the React word is something very different than all I learned it's always interested me and I wantch couple off tutorial in all it I struggle with errors and after hours I couldn't manage to built it but following this video everything worked smoothly thanks for this amazing video. !!!Declaration: One of the best channel on CZcams👏👏
I just can't thank you enough, gosh you are God sent , I keep getting better because of you in my Dev journey would love to see you one day
Glad I could help!
Very Useful Content. But I recommend creating a playlist of 4 projects. This will be more beneficial for all of us.
Great idea!
Thank you! Sharing your knowledges for free with such great courses is just honourable
Thank you! 😊
Just what I needed when I needed it. Already built the first and last project, starting the second and third project today but definitely building the third project before the second. Great stuff Adrian, bless you 🙏🏽
Enjoy! :)
does he teach react in this or is their any pre requisite
@@udityadav9957 its ruby and rust guide, with some python
WOW unbelivable, 4 incredible projects for free. I cant believe it. Thank you and your team so much!
Appreciate it!
This is such a great video, however, I am stuck at 54:04 because the shirt is not popping up after adding the mesh properties. I am not getting any errors the shirt is just not showing up, but I don't know why.
Did you find the solution? I am experiencing the same
This is the best video I have seen on any project building on the whole internet and I was also looking for a portfolio website. Thank you very much sir
a project based JavaScript course would be blessing from you :p
GOD BLESS YOU SO MUCH BOSSMAN... I'm most grateful for your contributions to we self-taught developers.
Thank you!
Web app GOAT ♥ thank you for teaching us!
Thank you!
Man you're like god to me, quality with updated videos
Wow, thanks
Awesome video!! Really love the content from you Adrian.
A quick point for anyone getting the following error in the console:
THREE.BufferGeometry.computeBoundingSphere(): Computed radius is NaN.
Set the Float32Array size as a multiple of 3. The position property is basically a Vector3 so we need 3 random points within the sphere. If the size is not a multiple of 3 then 1/2 points will be NaN and Threejs will complain with the above error.
for clarity; In the Stars component, adjust your 'const sphere' - FloatArray(5000) value to something like 4980
The king of modern CZcams Class is here with a new one again.... I just love your content!!!
Just a heads up in the part about starting a server in the first project OpenAi changed the import. No need to do the configuration or openAIapi. Only need to import OpenAI from openai
why do i keep getting billing hard limit reached
thank you for making such quality content for free of cost. You never disappoints .
Hi Adrien, in the First Project, around the 53:30 min mark, you used the geometry "nodes.T_Shirt_male geometry", where would I go to modify the geometry if I wanted to modify the product type, replacing the T-shirt? Thanks in advance. I really like your channel and content.
Hi thanks for this video, currently i following your project 1, i stuck at 54:08, i don't know, but it not display the shirt like you, there error "Uncaught TypeError: Cannot read properties of undefined (reading 'geometry')" i try to find explanation, but didn't find on how to solve it, may you suggest me what to do?
Awesome ___________ next framer motion
Coming soon!
Your tutorial are great in CZcams history..
But please make in Hindi language also dear...
You will reach on top in CZcams..with little time...
Great idea!
Man, I just want to "God bless you" & keep safe and blessed for us.
Wow! This is tons of work! Thank you very much!
You're very welcome!
thank you Adrian , we also need e-learning project
Great idea!
Wie wir immer sagen, Sie sind der Beste, Adrian. 🌹🌹🌹Wunderbar. Danke.
Thanks for always making such a good content..very helpful 🙏🙏
Appreciate it!
Finishing the dribble clone now!! Thank you very much!!!
Amazing, enjoy!
Thank you for your contributions, It means a lot to struggling job seekers like me..
Thank you so much for these tutorials, is there any prerequisites?
Been waiting a long time for this brother!
It's here!
Just in time thank you so much for making this amazing content for free
Anyone from project 3 metaversus madness....are you getting motion?? Cause i am facing some issue in getting motion
you are the best... these projects going to be helpful for learning design
Happy to hear that!
I know that these videos are already made by you .but the moment you put any video i just simply like it . I know you deserve it ❤️
Thank you so much 😀
You are the best, thanks for all this amazing tutorials! This is gold!
You're very welcome!
Amazing
You are
Starting to build project 1 now!! Super excited, thank you for doing these awesome tutorials!
Edit: Project 1 complete, that was pretty awesome.
so you just copied code from youtube and will use that as YOUR project XD?
@@pkorneev5226 what did you do? 🤔🤔
@@pkorneev5226 and make some minor changes and get hired easy peesy 🤣
@@pkorneev5226 Where should we copy them from as we learn?
Bro I'm getting this issue in first project "Uncaught Error: Could not load potsdamer_platz_1k.hdr: " while using Environment preset = 'city'.. can you tell me how to solve it ?
no match for your content
you nailed it man
Love there
Thank you!
This is amazing man! you are the best teacher i ever got
Thank you!
On firstBreak 33:49
Second break -8:47:01
This man is crazy!! Thx mein bruder. You are on fire!!
You are a wonderful teacher
Hey, getting an error, fadeAnimation is not iterable, for the go back button in the Customizer component
Love it man
More incredible content! Thanks JSM!
More to come!
Long Live My Friend , You have won our hearts.
I think that on 1:04:00 it is not map-anisotropy={16} but just anisotropy={16}
Thank you man you're a life saver. I was stuck there for 2 hours.
@@notkrypthat's cool that my comment helped
@@guramigogichaishvili3903 is the open api still running?
You're the literal best 🙌🏽
Thank you! 🙌🏽
CZcams is only worth it thanks to your videos, they are super interesting, as a request if you can be could you do more content on web3 or a website for data sience? Thank you so much
Great idea!
bro adrian where do you get this ideas to making a content like this? dude this is so awesomeee
Appreciate it!
All task complete thank you very much for this...
CZcamsr? No. Teacher absolutly yes
Hello sir.. Love u a lot from India
Greetings to India :)
3rd project was very easy to follow and the results are incredible. Thanks so far!
4th project has issues with the menu and close image. The confusing part is, I downloaded the project to check and there is no menu image on the top right corner.
So, did it not work for you either?
For the others, I just would skip that part with the menu image. There are issues with importing those images. I tried to fix it, but nothing works. Image is in the asset, but it won't show on the website.
Edit:
Finished my portfolio. This is so insanely good. Much appreciated Adrian!
did you do the first project (shirt) successfully? My shirt did not show at some point and I was stuck there.
@@asibe_cheta No, sorry. Only did 3rd and 4th project.
@@GoodbyeMrX thanks for the reply
You are the best tech teacher in whole youtube 👍
Thank you for making such a good vedio content and share your knowledge with us ❤❤
It's my pleasure
It's really awsome content i like a lot and learn many things through , Thanks a lot for such content.
Thanks for the amazing content. Btw, why not make a MERN project with TypeScript?
You're amazing bro!
Thanks!
As always GREATTTT Video broo 🔥
Haha exactly :D
@@channelinprogress446 Because i know JSM's videos are always the best.. He earned our trust
Bro we are waiting for instagram clone
Coming!!! :)
Me tooo
@@javascriptmasteryalong with threads
Great Video, much appreciated!
You never disappoints ❤
Thank you!
can you make a separate video on tailwind... how I can learn it?
Great idea!
i am having problem with second project. i Couldn't generate images. my codes are all fine and also went through gitHub.
You are the best bro ❤❤
Thank you!
Just BEST!!! Thank You so much
Enjoy!
Awesome, this is totally what i want to learn!
Much love ❤❤❤
Thanks for sharing..
I really appreciate your work and I will put a like and subscribe. Defintelly one of the best web dev on youtube.
Where do you find those 3d persona in 2:19:22?
Excellent work man
Thank you! Cheers!
thank you! very amazing your video tutorial, you are the best
Should I know react before starting or you will teach in between?
Thank you 👍 , for making such content for free
It's my pleasure
seriously u r awesome bro.
Thank you so much!
Hi,
Your contents are so awesome...
Thanks for your efforts..
Man, you have my respect!♥♥
Thank you!
u never fail to impress 🔥
Thanks for the video. It's cool as usually as your content
Thanks for watching!
HI There, You never disappoint us, Thanks
Thank you too!
Imma start this! Hope procrastination doesn't get me this one.
Thanks for this wonderful tutorial
hey, if i watch this can i learn three js and tailwind css like that, is it neccessary to complete all of the 4 or if i complete 1 can i learn those things
if you are interested in only the threejs and tailwind css then the first project will do that for you.... tailwind css isn't that difficult if you already know vanilla css or bootstrap css..
Please someone tell
4:53:49
Line 15 - className={` $ {styles.innerwidth} ` }
Here ` $ are used
But in line 18
className= {styles.heroHeading}
Here `$ are not used
Why 😕🤔
You are unbelievable man, Those projects are a real treasures