⛅ Build A Weather App in React JS & CSS | React JS Weather App Tutorial
In the video, I showed how to build a interactive and beautiful weather app using React JS and CSS. This app allows users to check the weather for any city or use their current location. It provides real-time weather data along with 24-hour forecast.
🖼️ Get Only Icons of this Weather App
➤ https://drive.google.com/file/d/1gULi2qr9jJWrxmW5RDteLmibq7ZlP7V6/view
🗂️ Get Source Code of this Weather App
➤ https://buymeacoffee.com/codingnepal/e/306107
🌐 Visit CodingNepal for helpful coding projects
➤ https://www.codingnepalweb.com
⭐ Hire me on Fiverr
➤ https://www.fiverr.com/prakashahi
📷 Follow me on Instagram
➤ https://www.instagram.com/coding.np
📲 Follow me on X (Twitter)
➤ https://www.x.com/codingnepal
🕔 Timestamps
0:00 Weather App Demo
1:29 Initializing the React JS Project
2:43 Creating the Main App Component
6:40 Styling the App Component
18:24 Converting Each Weather Section into a Component
22:20 Setting Up the Free Weather API
25:22 Implementing Current Weather
31:25 Implementing the 24-Hour Forecast
39:25 Adding Location Search Feature
43:21 Handling No Results Message
49:17 Weather App Output
⛅ Icons Source
https://www.flaticon.com
🎵 Music Credit
Ikson - Waves [Official]
https://youtu.be/gDBNKI_jbE0
#reactjs #javascript #css #weather #api
Видео ⛅ Build A Weather App in React JS & CSS | React JS Weather App Tutorial канала CodingNepal
🖼️ Get Only Icons of this Weather App
➤ https://drive.google.com/file/d/1gULi2qr9jJWrxmW5RDteLmibq7ZlP7V6/view
🗂️ Get Source Code of this Weather App
➤ https://buymeacoffee.com/codingnepal/e/306107
🌐 Visit CodingNepal for helpful coding projects
➤ https://www.codingnepalweb.com
⭐ Hire me on Fiverr
➤ https://www.fiverr.com/prakashahi
📷 Follow me on Instagram
➤ https://www.instagram.com/coding.np
📲 Follow me on X (Twitter)
➤ https://www.x.com/codingnepal
🕔 Timestamps
0:00 Weather App Demo
1:29 Initializing the React JS Project
2:43 Creating the Main App Component
6:40 Styling the App Component
18:24 Converting Each Weather Section into a Component
22:20 Setting Up the Free Weather API
25:22 Implementing Current Weather
31:25 Implementing the 24-Hour Forecast
39:25 Adding Location Search Feature
43:21 Handling No Results Message
49:17 Weather App Output
⛅ Icons Source
https://www.flaticon.com
🎵 Music Credit
Ikson - Waves [Official]
https://youtu.be/gDBNKI_jbE0
#reactjs #javascript #css #weather #api
Видео ⛅ Build A Weather App in React JS & CSS | React JS Weather App Tutorial канала CodingNepal
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
CSS Buttons with Cool Hover Effects | CodingNepalAnimated Dark Mode Button using HTML CSS | CodingNepalSliding Texts Animation on Hover using HTML & CSS | CodingNepalAnimated Buttons on Hover using HTML & CSSAnimated Loader using HTML & CSSAnimated Loader using HTML & CSS | Loading AnimationHow to Make Chrome Extension in HTML CSS & JavaScript | Color Picker Extension in JavaScriptJavaScript Console Tips To Improve Your Debugging🎮 Top 10 Easy To Create JavaScript Games For Beginners | JavaScript Games with Free Source Code🤖 Build AI Chatbot in HTML CSS & JavaScript | AI Chatbot Tutorial in JavaScriptQuick CSS TrickBuild A Gradient Color Generator in HTML CSS & JavaScript | Gradient Generator in JavaScriptImage Gallery with 3D Flip Animation | HTML & CSSAnimated Glowing Inputs Login Form UI | HTML & CSS | CodingNepal10 Best Beginners to Intermediate JavaScript Projects | Best JavaScript Projects for BeginnersPopup Share Modal UI Design using HTML CSS & JavaScriptBuild A Google Gemini Chatbot in HTML CSS & JavaScript | Chatbot Like ChatGPT and Gemini10 Best JavaScript Projects with Free Source Code | JavaScript Projects for BeginnersButton Hover Animation HTML and CSSCreate A Toast Notification in HTML CSS & JavaScript | Toast Notification in JavaScriptPassword Validation Check in HTML CSS & JavaScript | Password Strength Check in JavaScript