53GB

Create a weather app from scratch with this SwiftUI Crash Course



Create a weather app from scratch with this SwiftUI Crash Course

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

Exit mobile version