Top Destinations App in SwiftUI w/ Maps & Lottie Animation

Set up an iOS SwiftUI project, organize folders (resources, models, utils), import a destinations json, and prepare data keys (name, latitude, longitude, image, seven wonders, overlay) for decoding and display.

Create a json decoding helper and a destination model to parse a bundle json file into a destination array using a json decoder, with coding keys and error handling.

Set up the home view by importing assets and displaying images named in the JSON, using a generic decoding helper for data conforming to the decodable protocol, with caching.

Build the home view in SwiftUI by presenting a data-driven, horizontally scrollable list of destinations, using generics and identifiable conformance, with images and a 250 frame with 25 corner radius.

Expand the home view by adding an expand state to toggle a destination card into a hero animation using geometry reader to manage coordinates and a tap gesture.

Create a reusable destination card with bindings for destination and expand. Expand reveals details, shows a seven wunder asset when relevant, and offers a launch map button.

Build a card view hero animation in a SwiftUI destination app by wiring destinations with an index to drive expansion using an interactive spring.

Move all views into a restack, adjust padding, and align the close button to the trailing side to fix the stacked layout and demonstrate the animation in the detail view.

Integrate maps into the SwiftUI app by defining a coordinate region with latitude and longitude, adjusting span, and binding the region to enable interactive pan and zoom.

Learn to implement custom map annotations in SwiftUI by dropping pins at coordinates and animating them with Lottie for an interactive top destinations map.