added Quiz

Author: PrashantUnity

Component/AppBar.razor

@@ -26,21 +26,13 @@
 
             <!-- Right Section -->
             <div class="flex items-center space-x-1 sm:space-x-2">
-                <!-- Stats -->
-                <div class="hidden sm:flex items-center space-x-2 md:space-x-4 text-sm text-white">
-                    <div class="text-center bg-white/20 backdrop-blur-sm rounded-2xl px-2 sm:px-4 py-1 sm:py-2 cartoon-rounded border border-white/30">
-                        @if (StateService.IsLoading || !StateService.CurrentVideos.Any())
-                        {
-                            <div class="h-4 sm:h-5 bg-white/30 rounded w-6 sm:w-8 mx-auto mb-1 skeleton"></div>
-                            <div class="text-xs text-white font-comic font-semibold drop-shadow-md">Episodes</div>
-                        }
-                        else
-                        {
-                            <div class="font-bold text-white font-cartoon text-sm sm:text-lg drop-shadow-lg">@StateService.CurrentVideos.Count()</div>
-                            <div class="text-xs text-white font-comic font-semibold drop-shadow-md">Episodes</div>
-                        }
-                    </div>
-                </div>
+                <!-- Quiz Button -->
+                <button @onclick="GoToQuiz" 
+                        class="hidden sm:flex items-center space-x-2 bg-cartoon-yellow text-amber-800 rounded-xl px-3 py-2 font-bold font-comic hover:bg-cartoon-orange transition-colors cartoon-rounded">
+                    <span class="text-lg">🧠</span>
+                    <span class="text-sm">Quiz</span>
+                </button>
+               
             </div>
         </div>
     </div>
@@ -56,6 +48,11 @@
     {
         nav.NavigateTo("stickers");
     }
+    
+    void GoToQuiz()
+    {
+        nav.NavigateTo("quiz");
+    }
 
     protected override void OnInitialized()
     {

Component/Footer.razor

@@ -177,7 +177,7 @@
 
     void GoToSearch()
     {
-        nav.NavigateTo("search");
+        nav.NavigateTo("Search/");
     }
 
     protected override void OnInitialized()

Model/QuizQuestion.cs

@@ -0,0 +1,15 @@
+namespace TomAndJerry.Model
+{
+    public class QuizQuestion
+    {
+        public int Id { get; set; }
+        public string Question { get; set; } = string.Empty;
+        public List<string> Options { get; set; } = new List<string>();
+        public int CorrectAnswerIndex { get; set; }
+        public string Explanation { get; set; } = string.Empty;
+        public string Category { get; set; } = "general";
+        public string Difficulty { get; set; } = "easy";
+        public string ImagePath { get; set; } = string.Empty;
+        public DateTime CreatedAt { get; set; } = DateTime.Now;
+    }
+}

Model/QuizResult.cs

@@ -0,0 +1,25 @@
+namespace TomAndJerry.Model
+{
+    public class QuizResult
+    {
+        public int TotalQuestions { get; set; }
+        public int CorrectAnswers { get; set; }
+        public int WrongAnswers { get; set; }
+        public double ScorePercentage { get; set; }
+        public TimeSpan TimeTaken { get; set; }
+        public List<QuizAnswer> Answers { get; set; } = new List<QuizAnswer>();
+        public DateTime CompletedAt { get; set; } = DateTime.Now;
+        public string Grade { get; set; } = string.Empty;
+        public string Message { get; set; } = string.Empty;
+    }
+
+    public class QuizAnswer
+    {
+        public int QuestionId { get; set; }
+        public string Question { get; set; } = string.Empty;
+        public string SelectedAnswer { get; set; } = string.Empty;
+        public string CorrectAnswer { get; set; } = string.Empty;
+        public bool IsCorrect { get; set; }
+        public string Explanation { get; set; } = string.Empty;
+    }
+}

Pages/Home.razor

@@ -2,11 +2,13 @@
 @using TomAndJerry.Services
 @using TomAndJerry.Model
 @using TomAndJerry.Component
+@using TomAndJerry.Utils
 @inject NavigationManager nav
 @inject IVideoService VideoService
 @inject IStateService StateService
 @inject IJSRuntime JSRuntime
 @inject IStickerService StickerService
+@inject IRandomFactsService RandomFactsService
 <PageTitle>Home - Tom & Jerry</PageTitle>
 
 <div class="min-h-screen cartoon-bg">
@@ -130,6 +132,10 @@
                                     class="px-6 sm:px-8 py-3 sm:py-4 bg-soft-blue text-amber-800 rounded-2xl hover:bg-cartoon-yellow transition-colors font-bold font-comic text-base sm:text-lg border-2 border-amber-800 shadow-lg hover:shadow-xl transform hover:-translate-y-1">
                                 📺 View All
                             </button>
+                            <button @onclick="GoToQuiz" 
+                                    class="px-6 sm:px-8 py-3 sm:py-4 bg-cartoon-pink text-white rounded-2xl hover:bg-cartoon-red transition-colors font-bold font-comic text-base sm:text-lg border-2 border-white/30 shadow-lg hover:shadow-xl transform hover:-translate-y-1">
+                                🧠 Take Quiz
+                            </button>
                             <button @onclick="ShowRandomFact" 
                                     class="px-6 py-4 bg-cartoon-yellow/20 backdrop-blur-sm text-white rounded-2xl hover:bg-cartoon-yellow/30 transition-all font-bold font-comic text-lg border-2 border-cartoon-yellow/30">
                                 💡 Random Fact
@@ -427,6 +433,11 @@
         await ScrollToSection("sticker-gallery");
     }
 
+    private void GoToQuiz()
+    {
+        nav.NavigateTo("quiz");
+    }
+
     private void RefreshStickers()
     {
         // This will trigger a refresh of the sticker gallery
@@ -457,22 +468,7 @@
 
     private async Task ShowRandomFact()
     {
-        string[] facts = {
-            "Tom & Jerry won 7 Academy Awards for Best Animated Short Film!",
-            "The original creators were William Hanna and Joseph Barbera, who later founded Hanna-Barbera.",
-            "Tom's full name is Thomas Cat, and Jerry's full name is Gerald Mouse.",
-            "The show was originally called 'Puss Gets the Boot' before becoming Tom & Jerry.",
-            "Over 160 episodes were produced between 1940 and 1958.",
-            "Tom & Jerry has been translated into over 30 languages worldwide.",
-            "The characters rarely speak - most communication is through actions and expressions.",
-            "Tom & Jerry was one of the first cartoons to use limited animation techniques.",
-            "The show has been rebooted multiple times with different animation styles.",
-            "Tom & Jerry merchandise has generated billions in revenue over the decades."
-        };
-        
-        var random = new Random();
-        var fact = facts[random.Next(facts.Length)];
-        
+        var fact = RandomFactsService.GetRandomFact();
         await snackbar.ShowAsync("🎭 Fun Fact", fact, "💡", SnackbarType.Info, 6000);
     }