diff --git a/src/components/InteractiveGallery.tsx b/src/components/InteractiveGallery.tsx index 6bac58f..1086712 100644 --- a/src/components/InteractiveGallery.tsx +++ b/src/components/InteractiveGallery.tsx @@ -6,6 +6,7 @@ import { Search } from 'lucide-react'; import Layout from '@/components/Layout'; import BinarySearchTrick from '@/components/BinarySearchTrick'; import TernarySearchTrick from '@/components/TernarySearchTrick'; +import GuessingGame from '@/components/GuessingGame'; interface Interactive { id: string; @@ -16,6 +17,13 @@ interface Interactive { } const interactives: Interactive[] = [ + { + id: 'guessing-game', + title: 'Number Guessing Game', + description: 'Experience different search algorithms through interactive gameplay. Compare random, linear, and binary search strategies!', + tags: ['algorithms', 'search', 'educational', 'interactive', 'binary-search', 'computer-science'], + component: GuessingGame + }, { id: 'binary-search-trick', title: 'Binary Search Magic Trick', diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx index e9e6c0c..b943f53 100644 --- a/src/pages/Index.tsx +++ b/src/pages/Index.tsx @@ -7,6 +7,13 @@ import Layout from "@/components/Layout"; // All interactives data const allInteractives = [{ + id: 'guessing-game', + title: 'Number Guessing Game', + description: 'Experience different search algorithms through interactive gameplay. Compare random, linear, and binary search strategies!', + tags: ['algorithms', 'search', 'educational', 'interactive'], + path: '/games/guessing', + theme: 'Data Structures' +}, { id: 'binary-number-game', title: 'Binary Number Representation', description: 'Learn how numbers are represented in binary (base-2) format through an interactive guessing game.',