Weather Application in ReactJS | ReactJS Projects

[@motivevotex]

hello sir, tried cloning the repo and i already have my own api keys but it keeps saying not found then i checked the console and so that the request was forbidden. Is there any way i can fi this.

[@AndréCezário-o8n]

i have to put at 0.5 towards the end because of how fast you was talking but great content!

[@goku2685]

Amazing Design

[@madhusarvani2223]

npm create vite@latest is showing an error...pls suggest what to do

[@cricketlover2131]

When i am refreshing the page it is showing localhost refused to connect then i have to run the code again what do to solve this

[@07_amanmalviya88]

6 days forcasting is not showing when i rap minicard inn below with return in app.jsx file its show error on page , please give solution it give in final year project

[@07_amanmalviya88]

its solve it some bracket issue

[@Online_store_finds]

hey, I am getting the error like location doesn't exist I have done same as you told in the video. Please help me to resolve this issue @myprojectideas whenevr we run "npm run dev" suddenly alert apears says "This place does not exist" check index.js file catch block where u write alert and before that there is a comment // if the api throws error...it means API is throwing error without even entering any string location

[@myprojectideas]

Hope you mentioned your api_key in.env file. If you did then this could be a typo. Check the TRY block again. Otherwise it may be a connection issue

[@psychodepth4636]

im also having same issue, already have my api key but i says The place doesnt exist!

[@njkgaming8119]

I'm also done all the steps but it still shows "This place does not exist" please try to give me a solution..@myprojectideas

[@ishakakde3407]

why Mini cards are not showing on the web page

[@ArshumaFaheem]

is there any image of weather icon? If yes, where can I find it?

[@Yaminoojo]

From the source code

[@Akhila0110]

It is giving alert message that "this Place doesn't exist". what to do for it??

[@myprojectideas]

check your api call and try to log the error inside your catch block, it will indicate the error you are getting. It maybe some different error. or some state is not defined properly. comment out the alert message inside code while debugging.

[@Nehaaa__]

Subscribe to that api thn you will get it

[@LegendXRonin]

What extenstions do you use for vs code? See a lot I would like to use

[@myprojectideas]

Specifically for intellisence react/react native snippets and inlinefold for class hiding these are the most helpful ones in this scenario

[@NavyaS-c4l]

Please help me, I am not getting the 5 days forecast data in the above weather forecast

[@myprojectideas]

Check App.jsx carefully. Maybe you are not getting the values correctly.

[@YGfromIIT]

I am getting 406 client error ,what should i do ??please anyone reply

[@myprojectideas]

This might be due to many reasons. The API you have is not working fine, first check in postman, and then use the same.

[@kevalsolanki24]

can you plz explain me how to i fetch api and about process of api ? because my api isn't working. it shows this place doesn't exist.

[@myprojectideas]

Check where you have defined your condition of alert for "place doesnt exsist" and also we are using axios to fetch api. In Video there is shown how to do it. Please revisit to get clear of doubt.

[@Akhila0110]

Is it working now?? Because I'm facing the same issue

[@shubhambisht9637]

which extension u using for the suggestion showing while writing , CSS properties or other things

[@myprojectideas]

Basically for Tailwind there is Tailwind Css intellisense and for the other like CSS only are built in vs code

[@falgunirawat8292]

I am getting error 403 again and again . To solve this I've tried everything but it is not getting resolved. Please can you guide me

[@atharv_exe1524]

same

[@myprojectideas]

Hey, 403 means authentication issue. Let me know at what step you are getting it. Also, whereever we discuss any 3rd party integration, you need to create your own credentials rather than using ours.

[@myprojectideas]

@@atharv_exe1524 Hey replied above.

[@DeekshikaJadyada]

Im getting 401 error (Unauthorized) ..and showing error in fetching data..what could be the reason behind it? and how to get our own api ?could u please help me ?

[@myprojectideas]

Maybe you are not mentioning your api key in environment vaiables. or try to mention hard coded string as api key and check weather it is working or not. If its not then api-key may be problematic and if it does then try to check you are importing env-variables correctly.

[@DeekshikaJadyada]

@@myprojectideas Hey..It is working now... Thank You for the suggestion 😸

[@drey9811]

Hello, what is the name of the extention that hides all that tailwind styling under 3 dots? Thanks in advance!

[@mohitashliya8750]

Inline Fold vs code extension.

[@07_amanmalviya88]

i create a account on rapidapi and copy and paste api key but still not working , i can enter city name and search but working

[@Nehaaa__]

You need to subscribe to that visual crossing api thn it will run

[@YGfromIIT]

@@Nehaaa__ subscribe means to buy a purchase plan

[@Nehaaa__]

@@YGfromIIT no it's free but you need to subscribe it

[@pias-art-music]

TypeError: Cannot destructure property 'weather' of 'useStateContext(...)' as it is undefined. I am getting this error from App.jsx. after installing all the packages i just copy pasted your original code to test it before practicing.. but still i am getting this error.. pls help me

[@dipmajumdar1991]

Sir, all r current live data?

[@myprojectideas]

Yes! This api will provide live data and future forecast.

[@07_amanmalviya88]

apikey is not working and serach city is not wroking

[@johnniegilkerson4724]

My rafce doesnt work.

[@myprojectideas]

Can you explain more?

[@b_08_aniketbaghel84]

Bhai api kam nhi kr ra hain

[@myprojectideas]

Can you send more details

[@nishantamakkar1010]

Can I use bootstrap to complete the same project following your video?

[@myprojectideas]

Certainly, you can use bootstrap and apply relevant CSS to do that.

[@LucasIlliano]

thanks for this tutorial but i feel like not learning much as you are typing everything page by page without pausing on each steps. A bit hard to get everything and where do you want to go. But thanks anyway

[@myprojectideas]

Thanks for the feedback. This project were for people having basic idea of react already. Anyhow, we will work on improvement.

[@priyanshunegi2286]

Is this responsive ?

[@myprojectideas]

Hi, Most of the modules we use are quite responsive to different screens, if not then we can use CSS for the same.

[@shabeebpv4916]

{"message":"You are not subscribed to this API."}- this is response from the api ( api key shown in the accout options is what i used)

[@myprojectideas]

Simply means that you have not subscribed to the api. Go to the Rapid api and search this api, then there will be free subscription initially, subscribe to that and it will provide you id or token, place then in you environment variables as shown in video and then, you will be able to use it.

[@richakumari1355]

unable to fetch data from API getting error 403 what should i do

[@myprojectideas]

403 means permission issue, kindly check if you have the permission or not to use the api.

[@oiabhii]

i'm getting 406 Client Error for API how to solve this error.