Modal Presentation

Author: Mithun

DesignCode/HomeList.swift

@@ -9,13 +9,22 @@
 import SwiftUI
 
 struct HomeList: View {
+
+   var courses = coursesData
+
    var body: some View {
       ScrollView(.horizontal, showsIndicators: false) {
-         HStack {
-            ForEach(/*@START_MENU_TOKEN@*/0 ..< 5/*@END_MENU_TOKEN@*/) { _ in
-               CourseView()
+         HStack(spacing: 30.0) {
+            ForEach(courses) { item in
+               PresentationLink(destination: ContentView()) {
+                  CourseView(title: item.title,
+                             image: item.image,
+                             color: item.color,
+                             shadowColor: item.shadowColor)
+               }
             }
          }
+         .padding(.leading, 30)
          Spacer()
       }
    }
@@ -30,23 +39,53 @@ struct HomeList_Previews: PreviewProvider {
 #endif
 
 struct CourseView: View {
+
+   var title = "Build an app with SwiftUI"
+   var image = "Illustration1"
+   var color = Color("background3")
+   var shadowColor = Color("backgroundShadow3")
+
    var body: some View {
       return VStack(alignment: .leading) {
-         Text("Build an app with SwiftUI")
+         Text(title)
             .font(/*@START_MENU_TOKEN@*/ .title/*@END_MENU_TOKEN@*/)
             .fontWeight(/*@START_MENU_TOKEN@*/ .bold/*@END_MENU_TOKEN@*/)
             .color(.white)
             .padding(20)
             .lineLimit(4)
-            .frame(width: 150)
+            .padding(.trailing, 50)
 
          Spacer()
 
-         Image("Illustration1")
+         Image(image)
+            .resizable()
+            .renderingMode(.original)
+            .aspectRatio(contentMode: .fit)
+            .frame(width: 246, height: 200)
+            .padding(.bottom, 30)
       }
-      .background(Color("background3"))
+      .background(color)
       .cornerRadius(30)
       .frame(width: 246, height: 360)
-      .shadow(color: Color("backgroundShadow3"), radius: 20, x: 0, y: 20)
+      .shadow(color: shadowColor, radius: 20, x: 0, y: 20)
    }
 }
+
+struct Course: Identifiable {
+   var id = UUID()
+   var title: String
+   var image: String
+   var color: Color
+   var shadowColor: Color
+}
+
+let coursesData = [
+   Course(title: "Build an app with SwiftUI",
+          image: "Illustration1",
+          color: Color("background3"),
+          shadowColor: Color("backgroundShadow3")),
+   Course(title: "Design Course",
+          image: "Illustration2",
+          color: Color("background4"),
+          shadowColor: Color("backgroundShadow4"))
+]