Step 01 / 08Places

Places lists every followed city with its local time, reading and today's range on one shared scale. Where you are comes first.

PlacesScreenBuilt onForecast

Flow · Almanac · Core Journey

Follow A Place SwiftUI Flow

Unfollow a place, search for another, follow it and move it up the list, then open its forecast page. 8 steps through Almanac.

From the Weather App template, on the screens its Xcode project ships, in Press, Sol and Prism, light and dark.

SwiftUIiOS 17.0+weather-app

2 Screens8 Steps

01

Every step

The whole journey at once. Choose a step to play it above.

Steps 4 to 8 are part of Pro. Pro opens every screen of every template, live in each style, and the SwiftUI to build them.

  1. 01
    Places

    Places lists every followed city with its local time, reading and today's range on one shared scale. Where you are comes first.

  2. 02
    Unfollow

    Swipe a row to unfollow it. The free plan follows six places, so Reykjavík makes room.

  3. 03
    Search

    Typing in the field searches cities by name, region or country. “Ed” finds Edinburgh, and its plus follows it.

  4. 04
    Follow Edinburgh

    Edinburgh joins the foot of Following with its reading, and the field clears for the next search.

  5. 05
    Reorder

    Reorder switches the list to edit mode: drag a row by its grip to move it. Where you are always stays first.

  6. 06
    City Forecast

    A row opens that city's own page: its region and name over a rule, then the same forecast as Today.

  7. 07
    Scrub London

    The tape works here too. At 18:00 London expects showers, and the figure rolls down to 16°.

  8. 08
    London's Ten Days

    Further down, London's ten days and conditions, set the same way as Today's.

02

Built from the library

The reusable screens this journey is made of. Each one installs on its own too.