Make A Weather App With Search Functionality | React Native Tutorial & Project | JavaScript Code
HTML-код
- Опубликовано: 30 сен 2024
- Source Code & More: / bugninza
Hello guys, My name is Rohit Kumar Thakur. In this video, I will show you, how to make a weather application using react native expo. I am using openweathermap for the weather API. This platform is reliable. You can use openweathermap for learning purposes.
React Native Expo is a cross-platform framework, which gonna helps you to build mobile apps for both Android & iOS devices. The code part is not that much tough. You just have to follow the video to get the desired output. Happy Hacking
𝐁𝐨𝐨𝐤 ( 𝐅𝐫𝐨𝐦 𝐂𝐨𝐝𝐞 𝐓𝐨 𝐂𝐨𝐧𝐧𝐞𝐜𝐭𝐢𝐨𝐧𝐬: 𝐀 𝐃𝐞𝐯𝐞𝐥𝐨𝐩𝐞𝐫’𝐬 𝐠𝐮𝐢𝐝𝐞 𝐭𝐨 𝐛𝐮𝐢𝐥𝐝𝐢𝐧𝐠 𝐚 𝐬𝐨𝐜𝐢𝐚𝐥 𝐜𝐚𝐫𝐞𝐞𝐫 )
Amazon India: amzn.eu/d/axYh0B4
Amazon Worldwide: a.co/d/acqJOYR
Gumroad (pdf): ninza7.gumroad...
𝐈 𝐦𝐢𝐬𝐬𝐞𝐝 𝐭𝐡𝐢𝐬 𝐩𝐚𝐫𝐭.
𝐖𝐡𝐞𝐧 𝐭𝐡𝐞 𝐰𝐞𝐚𝐭𝐡𝐞𝐫𝐃𝐚𝐭𝐚 𝐢𝐬 𝐧𝐮𝐥𝐥 (𝐰𝐫𝐨𝐧𝐠 𝐜𝐢𝐭𝐲 𝐧𝐚𝐦𝐞 𝐨𝐫 𝐜𝐢𝐭𝐲 𝐧𝐚𝐦𝐞 𝐝𝐨𝐞𝐬𝐧'𝐭 𝐞𝐱𝐢𝐬𝐭). 𝐓𝐡𝐞𝐧 𝐚𝐝𝐝 𝐭𝐡𝐞𝐬𝐞 𝐟𝐨𝐥𝐥𝐨𝐰𝐢𝐧𝐠 𝐥𝐢𝐧𝐞𝐬 𝐨𝐟 𝐜𝐨𝐝𝐞𝐬 𝐚𝐟𝐭𝐞𝐫 𝐭𝐡𝐞:
𝐢𝐟(!𝐥𝐨𝐚𝐝𝐞𝐝){
}
𝐞𝐥𝐬𝐞 𝐢𝐟(𝐰𝐞𝐚𝐭𝐡𝐞𝐫𝐃𝐚𝐭𝐚 === 𝐧𝐮𝐥𝐥) {
𝐫𝐞𝐭𝐮𝐫𝐧 (
𝐕𝐢𝐞𝐰 𝐬𝐭𝐲𝐥𝐞={𝐬𝐭𝐲𝐥𝐞𝐬.𝐜𝐨𝐧𝐭𝐚𝐢𝐧𝐞𝐫}
𝐓𝐞𝐱𝐭 𝐂𝐢𝐭𝐲 𝐧𝐨𝐭 𝐟𝐨𝐮𝐧𝐝 /𝐓𝐞𝐱𝐭
/𝐕𝐢𝐞𝐰
);
}
Topics covered:
✅ Beautiful UI-UX
✅ Weather App for Android Using react native expo
✅ Weather App for iOS using react native expo
✅ How to use openweathermap API
✅ Integrating openweathermap with react native expo
✅ Search Weather Data of different cities using react native expo
✅ Get information like, sunrise time, sunset time, humidity, windspeed, pressure of any city in the world using react native expo and openweathermap
✅ Amazing Weather App With decent UI using react native
Openweathermap: openweathermap...
My social Links:
Instagram: / _ninza7
Twitter: / _ninza7
Website: ninza7.me
Video widgets edited by: / kaushal_2319
Music Source: NCS
Tags: react native, react native tutorial, react native app, react native project, react native tutorial for beginners, react native navigation, react native expo, react native full course, react native animation, react native crash course, react native app development, react native app tutorial, react native app project, react native android, react native ios, react native android app, react native CLI, react native crash course, create react native app, code step by step react native, react native design, deploy react native app, react native tutorial in Hindi, react native navigation, what is react native, react native projects, learn react native, react native setup, react native expo tutorial for beginners, react native UI, react native expo, expo react native, react native expo tutorial, small projects in react native, Weather app, react native expo project for beginners weather app using expo
#reactjs #javascript #reactnative #ios #android #react
What if the weather data is null? I missed this part. That's why I uploaded the code snippet in the description box. If you face any error regarding this video then you can message me on my social media handle ( Instagram & Twitter)
where you get images??
Hello, that theme are you using?
you are wasting my time all of your videos are incomplete and give error
Don't skip the video and code carefully
@@BugNinza your website link for images is not working
help im probably have some error at the last part when im searching for a location in the status bar its gonna pop some weatherdata is not property
Check description
I am still getting that error null one in the starting of the video
What error? Can you send me a snap of error on my social media handle or discord server
Thanks Rohit bhai Please React native sikha do. Jaise aapne sikhaaya hai abhi mujhe koi course nahi chaahiye bas aap isi tarah se project based learning laate raho jisse sikhne mein bhi mazaa aaye . Main salesforce developer huu aur mujhe react mein switch karna hai so pls help brother
Aap mere channel ke react native playlist dekh sakte ho:
ruclips.net/p/PLO3Dk6jx9EISheYkFbI9Hd_AF9A99i0L-
@@BugNinza Thank u so much bhai badhiya playlist hai
Nice Video
Thanks. Keep supporting ❤️