Flo's Weather App Journey

[chflorian]

Hey CodeCrew, this is Flo!

I have decided to jump into this challenge as well and I am actually creating the Weather App in a series on my new youtube channel!

This is the link to the introductory episode about the challenge details, the API, a design I will implement and the weather icons that I will use:

30 Day Weather App Challenge | Part 1 | CWC | Openweathermap + Combine + SwiftUI

The next episode will cover implementing the first part of the design and will come out in about 22 hours as of this post.

I hope that somebody out there enjoys the series!

Cheers, Flo <3

[chflorian]

Hey CodeCrew, this is Flo!

I am back with the second episode of my weather app challenge entry, where I start to implement the main UI from a dribbble design, which I showed in the first episode.

Here’s the link:

30 Day Weather App Challenge | Part 2 | CWC | Openweathermap + Combine + SwiftUI

Cheers, Flo <3

[Pagasi]

heck yeah! this is a great idea! I’ll go check it out

[chflorian]

Hey CodeCrew, this is Flo!

Back with the third episode, where I fix some UI issues and continue to build the UI up in general.

Here’s the link:

30 Day Weather App Challenge | Part 3 | CWC | Openweathermap + Combine + SwiftUI

Cheers, Flo <3

[chflorian]

Hey CodeCrew, this is Flo!

I am back with the 4th episode of my weather app challenge entry, in which I clean up the UI and prepare to start implementing the API in episode 5 tomorrow!

Here’s the link:

30 Day Weather App Challenge | Part 4 | CWC | Openweathermap + Combine + SwiftUI

Cheers, Flo <3

[mikaelacaron]

So cool to see you record your progress! Keep it up!

[chflorian]

Hey CodeCrew, this is Flo!

A bit late, but here’s episode 5 of my weather app challenge entry, in which I create a model for the JSON API, create an API service and subscribe to the service in a ViewModel.

30 Day Weather App Challenge | Part 5 | CWC | Openweathermap + Combine + SwiftUI

And episode 6, in which I use downloadable icons and start to show some of the fetched data:

30 Day Weather App Challenge | Part 6 | CWC | Openweathermap + Combine + SwiftUI

Cheers, Flo <3

[chflorian]

Hey CodeCrew, Flo here!

Aaaaaaand back with episode 7!
This episode revolves around refactoring and slight fixes, before tomorrows last major episode, where I will add the ability to add a city using another API route.

30 Day Weather App Challenge | Part 7 | CWC | Openweathermap + Combine + SwiftUI

Cheers, Flo <3

[chflorian]

Hey CodeCrew, Flo here!

I am back with the last major episode: episode 8.
In this episode I create the ability to add cities and fix some other issues.

30 Day Weather App Challenge | Part 8 | CWC | Openweathermap + Combine + SwiftUI

There will be one last video in the series where I show the final app, i.e. the challenge submission video. Thanks to everyone who watched one of the videos, it really means a lot to me!

Cheers, Flo <3

[Wildsparrow]

Thanks a lot for sharing how you created your app. Ducky is really a handy app. Though I followed your instructions to get the data from the API, I couldn´t get my code running. It feels strange to me that your approach with the URLSession.shared any AnyPublisher is obviously working, but so does my solution with URLsession.shared.dataTask and no Publisher at all. “Viele Wege führen nach Rom”
Looking forward to watching your final video. Again, nice work and thanks for sharing your work in such detail.

[chflorian]

Thank you so much for watching the videos and the nice comment! Yes, you’re right: there are many different ways too implement an API call! I showed the Combine approach, because I believe once you use Combine in a few places you will love it! (At least that happened to me haha)
If you want, I can have a look at why your DataTaskPublisher approach didn’t work
The final video will be out in 1-2 days, depending on when I can find the time to prepare and record it.

[Wildsparrow]

Thanks. I already “improved” the code (aka, I deleted the code which was not working). In the meantime, I´m not even sure, maybe it was working.

I have:

• struct WeatherData (the Ducky code)
• public class API with a public func getWeatherData(lat: Double, long: double) ← here I have the URLsession to get the data from openweathermap.org

Now I´m struggling.
I have a view “currentTemperature”. For testing, in this view I have

• State private var weatherDataData = [WeatherData]()
• a func load() {Api()getWeaterData(lat: 35.4418. long: -94.0377)}
• I added in a VStack .onAppear { load() print(weatherDataData)

In the console, I see all the data for the specified lat/long. If I change the values, I get different results. So, this part is working.

But, I can´t specify any variables to get this data so I can show the temperature etc.
I thought to define a variable as an integer (clouds is Int) as
var clouds: int = weatherDataData.first?.daily.first?.clouds ?? 3 which is not working. Also displaying the value as a String in a Text item is also not possible
Text(String(weatherDataData.first?.daily.first?.clouds ?? 3)) → shows “3” in the preview

I think I miss just one step to use the data which is retrieved from openweathermap and displayed in the console … but I can´t figure out how. Not yet.

[Wildsparrow]

Argggghhhhhhhhhhh, I missed the @StateObject … it´s working now …

[Gerd-from_Cologne]

Flo,
Thanks for sharing your solution and approach.
I am impressed about your skills .
Gerd

[chflorian]

I am so glad that you figured it out, as I was clearly too slow with a response to help

[chflorian]

And here it is, the last video including a small summary and the final submission:

30 Day Weather App Challenge | Part 9 | CWC | Openweathermap + Combine + SwiftUI

I’m looking forward to the next challenge!
Cheers, Flo <3

[Wildsparrow]

Amazing Well done.