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.
No specific trending topics match this video yet.
Explore All Trends