Landing page next 5 days

[LinUXBele]

When waking up in the morning I want to know how today's weather and the next few days will be like

WHERE On the landing page, underneath Today, show 5 next days (or 4 if only 4 are available)

WHAT

• Show day shortened to 3 letters, Mon, Tue, Wed, Thu, Fri, Sat, Sun
• Allow room for alert icon/show icon if alert is issued
• Show weather Icon
• Show Max and Min temperature with a - in the middle to indicate that is is from - to
• Show wind speed and label km/h

If a line is tapped/clicked, link to hourly for that day

DESIGN Link to figma https://www.figma.com/file/YfA7lEgqNGxntEUisqZU65/Design-file-Sarepta-Malawi-mobile-app?type=design&node-id=9%3A2&mode=dev

[marianneand]

@danielmwakanema Description of which parameters to use from the api, as we talked about today

Definition of a day (24 hours): For hourly data (first 66? hours): The last time step to be included in a day is 11pm local time, which is 21Z. Time step 22Z and 23Z is included in the next day. (Example: November 4th 2023 is from "time": "2023-11-03T22:00:00Z" to "time": "2023-11-04T21:00:00Z") For 6-hourly data: The first time step to be included in a day is 00Z (02am local time), and the last time step is 18Z (6pm local time)

Weather symbol: from the time step 04Z valid for the next 12 hours (06-18 local time) when this is available (Example: "time": "2023-11-04T04:00:00Z", ... next_12_hours": {"summary": {"symbol_code": "partlycloudy_day"}) else from the time step 06Z valid for the next 12 hours (08-20 local time)

Max and Min temperatures needs to be calculated for the whole day (24 hours)

Wind speed: select highest wind speed during the whole day (24 hours)

[LinUXBele]

-- PLEASE CHANGE --

• Please make text on all white lines in a bigger font, how big can we go, before it break the design?
• Make the icons both weather AND warnings 50% bigger, they are too small to comfortably understand on Android.

NB This is NOT bug, its just that its to weak to be easy to read!

[danielmwakanema]

@LinUXBele, I will check how big I can make the font before it breaks and let you know. Otherwise, noted.

[danielmwakanema]

@LinUXBele, I tried playing with the font on the smallest viewport I could spin up, iPhone SE (3rd generation). The maximum font size was 14 points. Any further and it goes to the next line.

Here's the viewport with a 14 point font:

Here's the viewport with a 15 point font:

[LinUXBele]

OK, lets keep it at 14 px for now. I have a suggestion for more long-term, but that can wait!

Fra: danielmwakanema @.> Dato: mandag, 8. januar 2024 kl. 08:14 Til: Malawi-DCCMS/weather-app @.> Kopi: Lin Bele Jacobsen @.>, Mention @.> Emne: Re: [Malawi-DCCMS/weather-app] Landing page next 5 days (Issue #38) BE ALERT: The sender of this email is outside of ManpowerGroup. Please check that you recognize the sender before opening links or attachments. If in doubt, use the Report Spam or Report Phishing buttons at the top of your Outlook toolbar to report a concern.

@LinUXBelehttps://github.com/LinUXBele, I tried playing with the font on the smallest viewport I could spin up, iPhone SE (3rd generation). The maximum font size was 14 points. Any further and it goes to the next line.

Here's the viewport with a 14 point font: Simulator.Screenshot.-.iPhone.SE.3rd.generation.-.2024-01-08.at.09.11.24.png (view on web)https://github.com/Malawi-DCCMS/weather-app/assets/21076534/a1d8e4a4-0907-44a2-8f9b-7a528a83a3e8

Here's the viewport with a 15 point font: Simulator.Screenshot.-.iPhone.SE.3rd.generation.-.2024-01-08.at.09.11.51.png (view on web)https://github.com/Malawi-DCCMS/weather-app/assets/21076534/58a4fa0d-2789-4ceb-9e0a-47ff781c4c02

— Reply to this email directly, view it on GitHubhttps://github.com/Malawi-DCCMS/weather-app/issues/38#issuecomment-1880484127, or unsubscribehttps://github.com/notifications/unsubscribe-auth/BCKXOCU7UKW43DFWDXJ6WZ3YNOMEDAVCNFSM6AAAAAA6FQ4XF2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQOBQGQ4DIMJSG4. You are receiving this because you were mentioned.Message ID: @.***>