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

Add binary search interactive

Browse source 
Recreate the binary search interactive, add a popup explanation, social sharing, and green screen versions. Place it under Data Structures.
This commit is contained in:
gpt-engineer-app[bot] 2025-07-19 14:51:05 +00:00
parent ee4f62434e
commit dda00627f8
6 changed files with 278 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/InteractiveGallery.tsx
View file

@ -4,6 +4,7 @@ import { Input } from '@/components/ui/input';
import { Badge } from '@/components/ui/badge';
import { Search } from 'lucide-react';
import BinaryNumberGame from '@/components/BinaryNumberGame';
import BinarySearchTrick from '@/components/BinarySearchTrick';
interface Interactive {
id: string;
@ -21,6 +22,13 @@ const interactives: Interactive[] = [
tags: ['binary', 'math', 'numbers', 'representation', 'powers-of-two'],
component: BinaryNumberGame,
},
{
id: 'binary-search-trick',
title: 'Binary Search Magic Trick',
description: 'Perform an amazing magic trick that reveals how binary numbers work. Think of a number and watch the magic happen!',
tags: ['binary', 'magic', 'numbers', 'trick', 'data-structures'],
component: BinarySearchTrick,
},
];
const InteractiveGallery = () => {