Tech Taboo Card Generator

This project is a simple web-based generator for creating printable "Taboo"-style cards with a tech twist. Enter your own words and taboo terms, and instantly generate a double-sided SVG card suitable for printing or sharing.

Features

• Easy Input: Enter two lines, each with a word to guess and five taboo words.
• Instant Preview: See your card rendered as an SVG in real time.
• Download Options: Save your card as SVG or PNG for printing or digital use.
• Tech-Themed Design: Stylish, modern card layout with a subtle binary background.

How to Use

1. Open tech-taboo-generator.html in your browser.
2. Enter your words in the following format:

WordToGuess1 | taboo1, taboo2, taboo3, taboo4, taboo5 WordToGuess2 | taboo1, taboo2, taboo3, taboo4, taboo5

3. Click Generate Card to preview.
4. Click Save as SVG or Save as PNG to download your card.

Example

Below is an example of a generated card (card-example.svg):

Files

• tech-taboo-generator.html: Main web app for generating cards.
• card-example.svg: Example output card.
• README.md: Project documentation.

Development

Auto-Sort Script

The autoSort.js script helps maintain the taboo word list by automatically sorting entries and ensuring all items have proper categories.

Usage:

node scripts/autoSort.js

What it does:

• Sorts all taboo list entries alphabetically by category, then by word
• Auto-tags items with a category if missing (based on detectCategory() logic)
• Outputs a category breakdown showing the count of items per category

When to use:

• After adding new words to public/scripts/data/tabooList.js
• After modifying word names or categories
• To ensure consistent alphabetical ordering

---

Enjoy making your own tech-themed taboo cards!

System Cards

Synergy Map

graph TD
    %% Data & Storage Layer
    DB[Database] --> DS[Database Sharding / Partitioning]
    DB --> ETL[ETL Pipeline]
    DB --> Cache[Cache]
    DB --> SE[Spatial Database]
    DB --> BV[Backup Vault]
    SE --> WM[Web Map]
    SE --> GP[GeoProcessor]

    %% Compute / Core Infrastructure
    Server --> API[API Gateway]
    Server --> LB[Load Balancer]
    Server --> WS[WebSockets]
    Server --> Cloud[Cloud Hosting]

    %% Networking / Communication
    API --> RateLimiter[Rate Limiter]
    API --> MB[Message Broker]
    Webhook --> MB
    WebSockets --> Chat[Chat Service]
    WebSockets --> Notif[Notification Service]
    TCP --> API
    MB --> PubSub[Pub/Sub]
    PubSub --> Notif
    Queue --> Batch[Batch Processing]
    LB --> Queue

    %% Performance / Optimization
    Cache --> Search[Search Index]
    CDN --> Server
    Monitoring[Monitoring System] --> Observ[Observability s]
    Observ --> Server

    %% Analytics / Insights
    ETL --> Analytics[Analytics Engine]
    Analytics --> Dashboard[Dashboard]
    Analytics --> DataViz[Data Visualization]
    Dashboard --> ABTesting[A/B Testing]

    %% Security / Risk Mitigation
    DataSec[Data Security] --> Payment[Payment Gateway]
    DataSec --> Patch[Security Patch]
    Patch --> Server
    Failover --> Server
    Failover --> LB

    %% User Interaction / Features
    Chat --> WebSockets
    Chat --> PubSub
    Notification --> PubSub
    Notification --> Webhook
    WebMap --> SpatialDB
    WebMap --> GeoProcessor
    GeoProcessor --> SpatialDB

    %% Special / Bonus Actions
    Sandbox --> Server
    Sandbox --> ETL
    ModelAPI --> Server
    ModelAPI --> Analytics
    ABTesting --> Dashboard
    ABTesting --> Analytics

Loading