I just built a weather app and was looking for the ranking of my video on KZitem, and this popped up 😆 It’s the best weather app project I’ve seen in 40minutes I love it!! Goodluck and don’t give up!! Keep going
@danascript
3 жыл бұрын
Oh my 🙈🙈🙈 thank you SO MUCH for such kind words! Made my day ❤️🙌
@AtomicCodeX
3 жыл бұрын
@@danascript 😆 I didn’t know my comment would mean something But I appreciate the hard work you put into it. Keep going ☺️
@nostalgicnow6001
2 жыл бұрын
love using apis with react 🥳🥳🥳🥳
@daniellinhares3662
2 жыл бұрын
Really appreciate your time! Excellent! Salut from Brazil .
@danascript
2 жыл бұрын
Thank you so much! Happy to!
@zexv_mugen6802
2 жыл бұрын
love u content 🥰, your channel is so underated
@danascript
2 жыл бұрын
Aawh thank you!
@shannonwilliams93
2 жыл бұрын
Hi! Great video but I started to get lost when you started using all the hooks. It was a bit fast, so maybe try to slow down and break it down more. Also, it was hard to see so maybe zoom a bit in future videos. Thanks again for taking the time to make a very informative video. :)
@danascript
2 жыл бұрын
Thank you so much for the feedback! I have partially already implemented some changes in the newer videos. I hope though it didn’t stall entirely the learning process! 🙌
@danascript
2 жыл бұрын
The herokuapp CORS URL we're using in the video should be working again, at least until you all hit the new limit on server 🤪 until then it should work and when it doesn't - I'll figure out something else 😎 This also means that the temp URL is the v2 at the end is no longer available. If you never used it then disregard the last sentence. Happy coding! 💖
@mariaelisamosquera174
2 жыл бұрын
This is amazing! Thank you so much, I was able to code along and get the same result :)
@danascript
2 жыл бұрын
😍 happy to hear that! 👏🙌
@ankitkumarkumawat7126
Жыл бұрын
I always follow google technology and use google stuff
@alexanderkiselev5873
2 жыл бұрын
I'm glad I found your channel) Thank you it was interesting..despite the fact that not everything is clear yet )
@danascript
2 жыл бұрын
😍 appreciate this so much! Would you like to share what’s not clear so I could note that for future tutorials?
@ajdinpipo08
3 жыл бұрын
Great job! Thanks for sharing this with us :) But I have favor, can you just explain slowly and can you change editor font size :D Again, thats all great :D
@danascript
3 жыл бұрын
Hey, thanks for the feedback! While I can’t change it for an already uploaded video, those things are improved in the newer ones :)) But hope you found it useful regardless!
@cyclebreaker9159
2 жыл бұрын
I needed to see this, thank you!😊
@danascript
2 жыл бұрын
Happy to read that! 🙌
@zeeshanm7457
3 жыл бұрын
Great content!! 👏🏼👏🏼👏🏼
@danascript
3 жыл бұрын
thank you!
@johnnygp9397
3 жыл бұрын
Just perfect. Thank you 👊
@danascript
3 жыл бұрын
🙌🙌 happy to hear that!
@minsupark9246
3 жыл бұрын
OMGGGGGGGGGGGGGGGGGGGG THAT IS SOOOOOOOOOOOO AWESOMEEEEEEEEEEEEE!!!!!!!!!! THANK YOU FOR THIS WONDERFUL TUTORIAL VIDEO!!!!!!!!!!!!!!!!!!!!! THE APP IS SO BEAUTIFUL AS MUCH AS YOU! XD
@ayomikuolatunji1580
2 жыл бұрын
This is my next project.. Thanks dana
@danascript
2 жыл бұрын
Awh thanks! Happy to hear that!
@wpxpert98
2 жыл бұрын
Thank you daniela
@Fatima-ie5kj
3 жыл бұрын
Thank you so much for providing quality content ❤️
@danascript
3 жыл бұрын
Thank you so much! Happy to :)
@mrscoooter
2 жыл бұрын
Thank you! I really like the way you explain things! 😃
@danascript
2 жыл бұрын
Thank you!
@cristiancarreno
2 жыл бұрын
Hello, very good video! I followed all your steps, although in the end it cost me because of how fast you were going. One thing is to say that the weatherIcon does not end up being seen because of a leftover ' in the getCurrentDayForecast.js URL and because it lacked height. For everything else, very good! Thanks!
@danascript
2 жыл бұрын
Heya! Oh there’s also the option to slow down the video a bit if it’s too fast, youtube player offers a lot of customisation :) And interesting, thank you for letting me know! I’ll fix that leftover quote as soon as I can! 🙌
@babobel
2 жыл бұрын
wonderful content .. thanks for sharing
@danascript
2 жыл бұрын
Thank you! 🙌happy to hear :)
@ketz555
2 жыл бұрын
Thanks for the tutorial Dana. I did get kinda lost when you started to refactor the code (26:00). I think I need to go back to more basic tutorial maybe.
@danascript
2 жыл бұрын
Thank you! What I did there was to break the functionality we wrote in that file into smaller parts, if that helps. But I also have a tutorial with this API and same UI but in vanilla JS and jQuery, maybe it can be more clear there?
@ketz555
2 жыл бұрын
@@danascript That's great thanks, I may try that tutorial next :)
@danascript
2 жыл бұрын
🙌🙌
@vonputtkamer1673
2 жыл бұрын
Thanks so much Dana, please do a video on hooks 🙏🙏
@danascript
2 жыл бұрын
Thank you! Great idea, I’ll see what I can do!
@vonputtkamer1673
2 жыл бұрын
This video got me thinking there's more into react hooks than i thought, i will appreciate an upcoming react hooks exemplify from you 🙏
@danascript
2 жыл бұрын
🙏🙏
@aapkaapnabhojpuri9481
Жыл бұрын
Love from india 🌹
@jamesbowie1820
3 жыл бұрын
Great job! Left you a star :)
@danascript
3 жыл бұрын
Thanks, James! Appreciate it 🙏
@delonnaidoo9198
3 жыл бұрын
extremely helpful
@danascript
3 жыл бұрын
happy to hear that!
@DiimaPopov
3 жыл бұрын
Amazing project. 10/10. Would be nice to have a reset button there too, so we can just click back to search
@danascript
3 жыл бұрын
Agree! But I’ll leave that for everyone to practice their skills 🙌🙌 and thanks!
@brachintosh8337
2 жыл бұрын
@@danascript hi dana ! i just finished the challenge and i'm trying to make the logic to render a btn so we can click on it and go back to Home/Landing use Navigate( ) >> belongs to react-router-dom, with this i haven't make it work... any idea ? thx for sharing your knowledge
@brachintosh8337
2 жыл бұрын
import React from 'react'; import { Button } from 'react-bootstrap'; const Redirect = () => { function refreshLocalePage() { window.location.reload(false); }; return ( {/* Go home */} New Search ); }; export default Redirect;
@brachintosh8337
2 жыл бұрын
@@danascript, finally I made it easier than i was thinking at the beginning
@danascript
2 жыл бұрын
Hey Brian! 👋 with which solution did you go? Without giving away too much for others: the ones you suggested above would work if we would be using routing in that project, but we didn’t
@BoeserOverlord
2 жыл бұрын
perfect, thanks a lot
@danascript
2 жыл бұрын
🙌
@haloandfable
2 жыл бұрын
This was a very good video. As i continue to learn i get overwehlemed by the differen dependencies / libraries react has. For example, should i put time into learning Redux or GraphQl or RestApi and then there is CSS libraries like Tailwind Bootstrap, etc. im not sure which are in demand at the moment and which would be a waste of time learning.
@danascript
2 жыл бұрын
Hey, thank you so much! It is indeed overwhelming seeing how much there is out there and all those pieces that are moving quite fast as well. As a generic thing - if you learn the basics (JS/CSS) then you'll be able to pick up on any library that comes your way, because at the end they are all based on the basics. If your goal is future employment then I'd suggest checking what are the most common requirements in the job advertisings in the area you want to work in and based on that learn the library/framework that will score you points in that regard. When it comes to GraphQL or REST APIs - their differences are in their concepts and use cases, but they kind of do the same - get and send data. It's great if you can practice a bit of both, but I wouldn't say you need to nail them all, because every day there is something new, something faster and something more shiny, we will never be able to catch up with everything and know them all :) Oh and anything you learn is a gained knowledge, because it's not only the knowledge of how to use the library/framework, it's also how you managed to figure it out, go through docs, build something with it, so as long as you're learning something new - you'll be able to use that further in your journey be it directly or indirectly!
@behshad3521
2 жыл бұрын
It’s the best weather app project but plz if explain another weather app with openweahter url explaining , sorry I'm not good English speaking I hope undrestand my word
@zakidz6716
2 жыл бұрын
i did the wikipedia tutorial with react and the netflix ui clone with react and now when i wanted to do this weather tutorial , sadly i found that the api is not working . Tomorrow i will do another one and thank you so much for making me feel comfortable with react
@danascript
2 жыл бұрын
Thank you so much ☺️ It means a lot to read that! 💕
@alekszandarlazarevic2958
2 жыл бұрын
Nice :)
@danascript
2 жыл бұрын
Thanks!
@gonzalorocamora4399
3 жыл бұрын
damn girl!
@dumbwaystodie1390
2 жыл бұрын
I’m getting forecast state null for the first submit because of useState asynchronous. Idk how u didn’t get this error too)) Could u recommend something how to solve it pls???)
@danascript
2 жыл бұрын
Hey Vlad, do you have a link to check how you implemented the code? setting a state is asynchronous indeed but if used right it works together with the rest :)
@dumbwaystodie1390
2 жыл бұрын
@@danascript sorry did u receive link?)
@danascript
2 жыл бұрын
@@dumbwaystodie1390 hey, no I didn't... what's your github username? (maybe KZitem is blocking links in comments)
@minsupark9246
3 жыл бұрын
I have a question about fetching data. I saw your code and found there is no "useEffect" hooks when fetching data. Can you fetch the API data without using useEffect hooks??!
@danascript
3 жыл бұрын
Yeah, sure! The useEffect hook is there to trigger anything on change of things or on load. So if you want to fetch data on load - useEffect would be the best place to trigger that process. However, if you want to fetch something on, let’s say, click - then you don’t need the useEffect for that, you can trigger it by an onClick handler and so on.
@minsupark9246
3 жыл бұрын
@@danascript ah ha~! I see!! Thx a lot for your kind answer!!
@dustinibrao9302
2 жыл бұрын
Is there a way to show temperatures in Fahrenheit?
@danascript
2 жыл бұрын
Always! If the API doesn’t give it then convert the Celsius to Fahrenheit for example in the component, just Google for that code and you’re set!
@stallswan
2 жыл бұрын
I'm getting the cors error. I'm following exactly.Any idea how to fix?
@danascript
2 жыл бұрын
Hey! I just got a notification that the heroku server will be off until the end of the month because so many people have used it! It'll be back up in the beginning of the next month and I'll work on a solution in the meanwhile to have an alternative when this happens again
@katrinporkul594
2 жыл бұрын
@@danascript same problem... is it off again?
@danascript
2 жыл бұрын
I’m afraid so 😔 but let me see if I can fix it with another server, hold on a moment
@danascript
2 жыл бұрын
@@katrinporkul594 Okay here's a solution: you need to use this URL the-ultimate-api-challenge-v2.herokuapp.com (the difference is the added "-v2" to the name of the domain. Use that url as the cross_domain variable instead of the one in the video and it should work! :) Let me know
@katrinporkul594
2 жыл бұрын
@@danascript Thank you so much! Now it works
@GlaucoLustosa1
2 жыл бұрын
Awesome! But You can go more slowly next time? 😂
@danascript
2 жыл бұрын
I knooow I knooow 🤣 I will!
@GlaucoLustosa1
2 жыл бұрын
@@danascript Keep building more content videos like this. I love it!
@danascript
2 жыл бұрын
Thank you so much! 🙏🙌
@saunaknandi1814
2 жыл бұрын
Nice Channel Name WaOOO
@Ozzydiaby
2 жыл бұрын
Hi Dana, I don't understand if(!response?.woeid) return; is that the ternary operator? I don't understand what that line does thanks it's at 30 minutes and 30 seconds
@danascript
2 жыл бұрын
Heya 👋 the syntax with the question mark there is an equivalent to “response && response.woeid” and it’s a recent update to the JavaScript language (ES2020 if I’m not mistaken), we add it for the case when we don’t have response and try to access the .woeid on an undefined or null, it will break.
@Ozzydiaby
2 жыл бұрын
@@danascript Thank you Dana that's very helpful I found it on MDN it's called optional chaining (for anyone else who needs it)
@bizzarkgamer7322
2 жыл бұрын
hello how do i use the openweather api instead of the one you used ???
@awaitingfrost
2 жыл бұрын
i love you
@mf-11111
2 жыл бұрын
I love you
@melaniesigrid8163
2 жыл бұрын
Thank you for this amazing video! I followed all your instructions and completed the app, however, I'm getting an issue with the .gradient and .img on the Currentday.module.css. They are taking up the entire page, out of their parent container. Do you have any solutions? Could it be because we have a new version of bootstrap?
@danascript
2 жыл бұрын
Hey Melanie! Hmm it might be some versioning, true, but if I recall right those classes are ones we declare ourselves and not taken from Bootstrap. They have an absolute property and that one works if it’s inside of a relative container. I’d check if they have a) a wrapping div around them (just one level up), b) explicitly giving that parent div a relative position. You could also check the finished result files on GitHub to compare the css and see if maybe something was missed down the line
@johng4014
2 жыл бұрын
@@danascript Hello! thanks for the amazing tutorial. I had the same issue as Melanie.After testing different things i found out there is some kind of bug with bootstrap. At the time i was following the tutorial I had bootstrap 5, when i downgraded it to 4 as in your package.json folders it worked as expected
@danascript
2 жыл бұрын
Huh! Thank you so much for sharing this. I’ll need to dig into that, should be enough by enforcing the versions in the package json 🙏
@melaniesigrid8163
2 жыл бұрын
@@johng4014 ohhh! Thank you for letting me know. I will be doing the downgrade ☺️✨
@melaniesigrid8163
2 жыл бұрын
@@danascript thanks for being such an awesome teacher
@Tru_lie13
2 жыл бұрын
Which VS extension are you using to auto-format your jsx?
@danascript
2 жыл бұрын
If I'm not mistaken, it's the one called prettier
@Tru_lie13
2 жыл бұрын
@@danascript Ah, I have that one but it doesn't space out the curly brackets... maybe it just doesn't like me. lol
@kwstaskantos5558
3 жыл бұрын
yea but the npm start it says no package.json file .:(
@danascript
3 жыл бұрын
Hey! Could you please check in which folder you are? If you got the files from github, be sure to run npm install from the starter-files folder
@kwstaskantos5558
3 жыл бұрын
@@danascript yea that i am doing now :) but thank you for your answare
@danascript
3 жыл бұрын
@@kwstaskantos5558 no problem, always here :) hope it'll go smoothly from there on!
@saunaknandi1814
2 жыл бұрын
Why u have not started the project from begining , Its so cunfusing
@peteksavashamitbeyli9853
2 жыл бұрын
Hello, weatherapi link is not working, I also checked your github. Could you please help/explain? Thank you.
@BoostHealthHorizon
2 жыл бұрын
+1 the API link is incorrect anymore. Do you have any advice?
@saunaknandi1814
2 жыл бұрын
the code are so small hard to read mam
@basilrahim4406
Жыл бұрын
Hi danascript, it seems that the API used in the video is down. Any suggestions to tackle this issue?
@danascript
Жыл бұрын
Hey, I have a new video with another weather API which you could use in this one if you want or to work on the other project 🤍
@onestepwebdev
2 жыл бұрын
Seems the Metaweather API no longer exists!?
@danascript
2 жыл бұрын
Seems like it has been down and not reviving 😢 I found this page that has an alternative for the MetaWeather API - syncwith.com/api/metaweather-api and in the meanwhile I'll try to figure something out.
@RohitKumar-cv5bc
3 жыл бұрын
Subscribe now... Good content must say😃
@danascript
3 жыл бұрын
Awh, thank you so much, Rohit!
@jorgeadarmes5601
2 жыл бұрын
😊 cool
@bartekkrzywicki2507
2 жыл бұрын
I dont know why but I cant launch this in my browser and npm start does not work :(
@danascript
2 жыл бұрын
Oh no:( do you have node and npm installed on your machine? You could also try yarn instead of npm
@VariousSoundEffects
3 жыл бұрын
Thank you for this great tutorial, when I run London I have two errors, London 404 (Not Found)
@danascript
3 жыл бұрын
Try to go over the part where we setup the API calls and see what’s missing
@mocastello9253
Жыл бұрын
Metaweather API is unfortunately down... is there any alternatives? i tried to integrate openweathermap API but it doesnt work wiht the app
@danascript
Жыл бұрын
Yeah :( sadly it looks like it's not coming back. I'm working on aligning the solution, maybe i'll post it just as a written instruction in Github so it's faster to get it out there.
@mocastello9253
Жыл бұрын
@@danascript thanks for your answer. i've made a simple weather app with the alternative openweathermap API but without using axios and only with with fetch data function it finally worked :)
@danascript
Жыл бұрын
👏✨
@knm6802
2 жыл бұрын
I'm getting empty array when input Berlin
@danascript
2 жыл бұрын
Try to go through the steps again to double check
@knm6802
2 жыл бұрын
@@danascript Hey, I just replaced location with location.value n it works
@danascript
2 жыл бұрын
Ah, interesting! Glad to hear you managed to find a solution 🙌👏
@knm6802
2 жыл бұрын
@@danascript Thank you so much..ur videos are helpful
@danascript
2 жыл бұрын
Thank you so much 🙏
@muhammadsoliyigitaliyev3709
2 жыл бұрын
Hi where css code please show me !!!
@danascript
2 жыл бұрын
On GitHub, check links in the description!
@sunnyvlogs__
3 жыл бұрын
Mam can u please add dark mode in this site.
@danascript
3 жыл бұрын
Hey, I think it's out of this scope, but I could have a separate video on how to add dark mode in general
@sunnyvlogs__
3 жыл бұрын
@@danascript yeah thanks, are u from berlin😅
@dhayalanm2206
3 жыл бұрын
Brother. Iam getting react script missing
@dhayalanm2206
3 жыл бұрын
What exactly u did brother
@dhayalanm2206
3 жыл бұрын
Mam, iam getting submit search not a function.. In page. Jsx.. @16:26 mam kindly reply
@danascript
3 жыл бұрын
Please check if you’re passing it as a prop to the component and then receive it in the component in the component’s arguments
@dhayalanm2206
3 жыл бұрын
@@danascript s.. Now it works thank u
@polinasolovieva7789
2 жыл бұрын
How to get cross domain?
@danascript
2 жыл бұрын
Hey Polina! If you mean the cross domain error in the browser - be sure to follow the video as I explain it there
@polinasolovieva7789
2 жыл бұрын
@@danascript Hi, thanks for the quick response. I'm just watching the video and I don't really understand where the CROSS_DOMAIN variable came from. How can I create the same link?
@danascript
2 жыл бұрын
@@polinasolovieva7789 ah the variable you can find in this file github.com/danascript/the-ultimate-api-challenge-weather-react/blob/master/finished-result/src/hooks/useForecast.js (I'm not sure in which stage of the video you are so I'll reference GitHub). Hope that helps!
@Mohammad-sm3sk
3 жыл бұрын
Can I learn meron from your channel?
@danascript
3 жыл бұрын
You mean MERN tech stack? For sure the R yes, maybe further will have more content about the whole MERN.
@Mohammad-sm3sk
3 жыл бұрын
@@danascript My question to you was about web development. How do I contact you sister?
@danascript
3 жыл бұрын
You can write right here 🙌
@Mohammad-sm3sk
3 жыл бұрын
@@danascript email?
@danascript
3 жыл бұрын
You can find it in my about section or Instagram
@pkg874
2 жыл бұрын
it not showing most of the location
@xxxbatman7362
2 жыл бұрын
this api website is down for some reason
@danascript
2 жыл бұрын
I just checked that too.. it is indeed 😣 let’s hope the host of the API will resolve this soon! 🤞
@BoostHealthHorizon
2 жыл бұрын
Hello Dana, Thanks for your effort however I started the project and completed the first 20 min, then I saw that the API site was not working anymore. It is so sad that facing to face this problem. Please delete this video or update it. Thank you!
@mustafamufeed4719
3 жыл бұрын
please put captions in english, iam arabic and some words in english i need to read it rather than hear it to know it mean
@danascript
3 жыл бұрын
Hey! Oh I thought KZitem has auto generated those on all of my videos… I’m gonna check
@saunaknandi1814
2 жыл бұрын
Al Habibi?? Bro wht it means
@simranbanwait
2 жыл бұрын
this font size is for ants i guess 😅
@danascript
2 жыл бұрын
I’d recommend watching this video on a bigger screen 👍
Пікірлер: 167