Websites/interactives
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add inference rules playground

Browse source 
Create a new interactive playground for practicing rules of inference under Discrete Math > Foundations. The playground will feature a three-column layout for premises, a workspace with parallel lines for derivations, and a column for relevant inference rules. Users can drag and drop elements, apply rules, and receive validation for their steps. The initial example will be based on the provided screenshot.
This commit is contained in:
gpt-engineer-app[bot] 2025-08-11 08:57:30 +00:00
parent 2b22dc0d95
commit 3d2d2fdbff
2 changed files with 339 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/pages/theme-pages/discrete-math/Foundations.tsx
View file

@ -9,6 +9,7 @@ import BalancedTernaryGame from "@/components/BalancedTernaryGame";
import ZeckendorfGame from "@/components/ZeckendorfGame";
import ZeckendorfSearchTrick from "@/components/ZeckendorfSearchTrick";
import KnightsAndKnavesI from "@/components/KnightsAndKnavesI";
import RulesOfInferencePlayground from "@/components/RulesOfInferencePlayground";
interface Interactive {
id: string;
title: string;
@ -52,6 +53,13 @@ const interactives: Interactive[] = [{
tags: ["logic", "puzzle", "knights", "knaves", "truth-tellers"],
component: KnightsAndKnavesI,
greenScreenPath: "/themes/discrete-math/foundations"
}, {
id: "rules-of-inference",
title: "Rules of Inference Playground",
description: "Practice applying resolution and equivalence rules to derive conclusions step by step.",
tags: ["logic", "proofs", "inference", "resolution", "deduction"],
component: RulesOfInferencePlayground,
greenScreenPath: "/themes/discrete-math/foundations"
}];
const Foundations = () => {
const [searchTerm, setSearchTerm] = useState("");