Stack of cards shown, functionality must be written still

Toki Trainer/Views/ContentView.swift

@@ -18,7 +18,7 @@ struct ContentView: View {
     @ObservedObject var tokiDictViewModel = TokiDictionaryViewModel()
     @State private var selectedPartOfSpeech: String?
     @State private var tokiInput: String = ""
-    
+       
     var body: some View {
         VStack {
             TextField("Enter Toki Pona Word or Phrase", text: $tokiInput)

Toki Trainer/Views/FlashCardView.swift

@@ -8,26 +8,58 @@
 import SwiftUI
 
 struct FlashCardView: View {
+    
+    var body: some View {
+        VStack {
+            Spacer()
+                .frame(height: 100
+                )
+            FlashCard(canBeFlipped: true)
+            Spacer()
+            FlashCardStack()
+        }
+    }
+}
+
+struct FlashCardStack: View {
+    
+    var body: some View {
+        ZStack {
+            ForEach(0 ..< 8) { item in
+                FlashCard(canBeFlipped: false)
+                    .offset(x: 0, y: -30 * CGFloat(item))
+            }
+        }
+    }
+}
+
+struct FlashCard: View {
     let screen = UIScreen.main.bounds
     
     @State var isFaceDown = false
     @State var rotationAngle: Double = 0
+    @State var canBeFlipped: Bool
     
     var body: some View {
         
         let flipDegrees = isFaceDown ? 0.0 : 180.0
         
-        Text("sina")
+        Text("")
             .modifier(CardFlipModifier(isFaceDown: isFaceDown, frontText: "linja", backText: "long, very thin, floppy thing, e.g. string, rope, hair, thread, cord, chain"))
             .frame(width: 0.8 * screen.width, height: 200.0)
             .font(.title)
-            .shadow(color: .gray, radius: 10.0, x: 10, y: 10)
             .rotation3DEffect(self.isFaceDown ? Angle(degrees: 180) : Angle(degrees: 0), axis: (x: 0.0, y: 10.0, z: 0.0))
             .animation(.default)
             .onTapGesture {
-                self.isFaceDown.toggle()
+                if canBeFlipped == true {
+                    self.isFaceDown.toggle()
+                }
             }
-            
+        
+    }
+    
+    func setCanBeFlipped(_ input: Bool) {
+        canBeFlipped = input
     }
 }
 
@@ -55,6 +87,9 @@ struct CardFlipModifier: AnimatableModifier {
             RoundedRectangle(cornerRadius: 20.0)
                 .fill(rotationAngle < 90 ? Color.blue : Color.cyan)
                 .animation(.none)
+                .overlay(
+                    RoundedRectangle(cornerRadius: 20)
+                        .stroke(.cyan, lineWidth: 5))
             Text(frontText)
                 .font(.title)
                 .opacity(rotationAngle < 90 ? 1.0 : 0.0)
@@ -67,6 +102,10 @@ struct CardFlipModifier: AnimatableModifier {
                 .animation(.none)
         }
     }
+    
+    private func getCardColor() -> Color {
+        rotationAngle < 90 ? Color.blue : Color.cyan
+    }
 }
 
 struct FlashCardView_Previews: PreviewProvider {

Toki Trainer/Views/Toki_TrainerApp.swift

@@ -13,8 +13,9 @@ struct Toki_TrainerApp: App {
 
     var body: some Scene {
         WindowGroup {
-            ContentView()
-                .environment(\.managedObjectContext, persistenceController.container.viewContext)
+            FlashCardView()
+            //ContentView()
+            //    .environment(\.managedObjectContext, persistenceController.container.viewContext)
         }
     }
 }