Build a Weather App with SwiftUI π€
Learn to create a weather app from scratch using SwiftUI, including location access and weather display.

DesignCode
176.4K views β’ Dec 3, 2021

About this video
Create a simple weather app from scratch with SwiftUI. π€
We'll learn how to get the user's current location, get the weather from that location, and display everything in a beautiful UI!
Access the written version of this tutorial and the source files:
β‘ Part 1: https://designcode.io/quick-apps-swiftui-weather-app-1
β‘ Part 2: https://designcode.io/quick-apps-swiftui-weather-app-2
β‘ Part 3: https://designcode.io/quick-apps-swiftui-weather-app-3
π Links mentioned in the video:
β‘ OpenWeather website: https://openweathermap.org/
β‘ HTTP Request with async/await: https://designcode.io/swiftui-advanced-handbook-async-await
β‘ Data from JSON section (for preview data): https://designcode.io/swiftui-advanced-handbook-data-from-json
β‘ OpenWeather API endpoint for New York's current weather (replace YOURAPIKEY by your API key): https://api.openweathermap.org/data/2.5/weather?q=New%20York&appid=YOURAPIKEY&units=metric
β‘ Reverse geocoding the coordinates: https://developer.apple.com/documentation/corelocation/converting_between_coordinates_and_user-friendly_place_names
π©π»βπ» Source code on Github:
β‘ https://github.com/stephdiep/WeatherApp
πͺ Join our channel and unlock members-only perks:
β‘ https://www.youtube.com/channel/UCTIhfOopxukTIRkbXJ3kN-g/join
ππ» Let's connect!
β‘ Twitter: https://twitter.com/diepsteph
Part 1
0:00 - Introduction
1:17 - Create Xcode project
2:51 - Get the coordinates
13:14 - Test the application
Part 2
14:25 - Get the weather
20:38 - Test the application
21:09 - Prepare the WeatherView
Part 3
24:08 - WeatherView UI
30:21 - Detailed weather information
36:13 - Conclusion
We'll learn how to get the user's current location, get the weather from that location, and display everything in a beautiful UI!
Access the written version of this tutorial and the source files:
β‘ Part 1: https://designcode.io/quick-apps-swiftui-weather-app-1
β‘ Part 2: https://designcode.io/quick-apps-swiftui-weather-app-2
β‘ Part 3: https://designcode.io/quick-apps-swiftui-weather-app-3
π Links mentioned in the video:
β‘ OpenWeather website: https://openweathermap.org/
β‘ HTTP Request with async/await: https://designcode.io/swiftui-advanced-handbook-async-await
β‘ Data from JSON section (for preview data): https://designcode.io/swiftui-advanced-handbook-data-from-json
β‘ OpenWeather API endpoint for New York's current weather (replace YOURAPIKEY by your API key): https://api.openweathermap.org/data/2.5/weather?q=New%20York&appid=YOURAPIKEY&units=metric
β‘ Reverse geocoding the coordinates: https://developer.apple.com/documentation/corelocation/converting_between_coordinates_and_user-friendly_place_names
π©π»βπ» Source code on Github:
β‘ https://github.com/stephdiep/WeatherApp
πͺ Join our channel and unlock members-only perks:
β‘ https://www.youtube.com/channel/UCTIhfOopxukTIRkbXJ3kN-g/join
ππ» Let's connect!
β‘ Twitter: https://twitter.com/diepsteph
Part 1
0:00 - Introduction
1:17 - Create Xcode project
2:51 - Get the coordinates
13:14 - Test the application
Part 2
14:25 - Get the weather
20:38 - Test the application
21:09 - Prepare the WeatherView
Part 3
24:08 - WeatherView UI
30:21 - Detailed weather information
36:13 - Conclusion
Tags and Topics
Browse our collection to discover more content in these categories.
Video Information
Views
176.4K
Likes
4.8K
Duration
37:04
Published
Dec 3, 2021
User Reviews
4.7
(35) Related Trending Topics
LIVE TRENDSRelated trending topics. Click any trend to explore more videos.