-
Educational Games
+
Games
Learn through play with interactive games that reinforce computer science and mathematical concepts.
diff --git a/src/components/InteractiveIndex.tsx b/src/components/InteractiveIndex.tsx
index 2433ce9..e514383 100644
--- a/src/components/InteractiveIndex.tsx
+++ b/src/components/InteractiveIndex.tsx
@@ -61,7 +61,7 @@ const allInteractives: Interactive[] = [
description: 'Experience the magic of Zeckendorf representation! Think of a number and watch as the cards reveal it through Fibonacci numbers.',
tags: ['fibonacci', 'magic', 'numbers', 'trick', 'zeckendorf', 'representation'],
path: '/discrete-math/foundations/zeckendorf-search',
- theme: 'Discrete Math',
+ theme: 'Data Structures and Algorithms',
dateAdded: '2024-12-22'
},
{
@@ -166,6 +166,7 @@ const InteractiveIndex = () => {
const [sortDirection, setSortDirection] = useState
('asc');
const [currentPage, setCurrentPage] = useState(1);
const itemsPerPage = 10;
+ const [showTags, setShowTags] = useState(false);
// Get all unique tags
const allTags = useMemo(() => {
@@ -292,19 +293,26 @@ const InteractiveIndex = () => {
{/* Tags */}
-
Filter by Tags
-
- {allTags.map(tag => (
-
handleTagClick(tag)}
- >
- {tag}
-
- ))}
+
+
Filter by Tags
+
+ {showTags && (
+
+ {allTags.map(tag => (
+ handleTagClick(tag)}
+ >
+ {tag}
+
+ ))}
+
+ )}
{/* Results Count */}
diff --git a/src/components/ThemeCard.tsx b/src/components/ThemeCard.tsx
index 8b78a17..d6e264e 100644
--- a/src/components/ThemeCard.tsx
+++ b/src/components/ThemeCard.tsx
@@ -15,7 +15,7 @@ const ThemeCard = ({ title, description, path, icon, className }: ThemeCardProps
@@ -33,7 +33,7 @@ const ThemeCard = ({ title, description, path, icon, className }: ThemeCardProps
{description}
-
+
);
diff --git a/src/pages/Themes.tsx b/src/pages/Themes.tsx
index 96fd329..3538b7f 100644
--- a/src/pages/Themes.tsx
+++ b/src/pages/Themes.tsx
@@ -58,17 +58,17 @@ const Themes = () => {
path: "/themes/puzzles",
icon:
},
- {
- title: "Miscellany",
- description: "Discover unique educational experiments, creative tools, and innovative interactive content that doesn't fit into traditional categories but sparks curiosity and enhances learning.",
- path: "/themes/miscellany",
- icon:
- },
{
title: "Contest Problems",
description: "Practice with problems from programming competitions, mathematical olympiads, and algorithmic challenges with interactive solutions and explanations.",
path: "/themes/contest-problems",
icon:
+ },
+ {
+ title: "Miscellany",
+ description: "Discover unique educational experiments, creative tools, and innovative interactive content that doesn't fit into traditional categories but sparks curiosity and enhances learning.",
+ path: "/themes/miscellany",
+ icon:
}
];
diff --git a/src/pages/theme-pages/discrete-math/Foundations.tsx b/src/pages/theme-pages/discrete-math/Foundations.tsx
index 8fc0d0e..6129156 100644
--- a/src/pages/theme-pages/discrete-math/Foundations.tsx
+++ b/src/pages/theme-pages/discrete-math/Foundations.tsx
@@ -44,13 +44,6 @@ const interactives: Interactive[] = [{
tags: ["fibonacci", "numbers", "representation", "zeckendorf", "combinatorics"],
component: ZeckendorfGame,
greenScreenPath: "/discrete-math/foundations/zeckendorf"
-}, {
- id: "zeckendorf-search-trick",
- title: "Zeckendorf Search Magic Trick",
- description: "Experience the magic of Zeckendorf representation! Think of a number and watch as the cards reveal it through Fibonacci numbers.",
- tags: ["fibonacci", "magic", "numbers", "trick", "zeckendorf", "representation"],
- component: ZeckendorfSearchTrick,
- greenScreenPath: "/discrete-math/foundations/zeckendorf-search"
}];
const Foundations = () => {
const [searchTerm, setSearchTerm] = useState("");