Skip to content

Add collapsible CRUD SQL examples with copy buttons#25

Merged
AndrGab merged 1 commit into
AndrGab:mainfrom
WalkingDevFlag:feature/expand-sql-examples-collapsible
Oct 14, 2025
Merged

Add collapsible CRUD SQL examples with copy buttons#25
AndrGab merged 1 commit into
AndrGab:mainfrom
WalkingDevFlag:feature/expand-sql-examples-collapsible

Conversation

@WalkingDevFlag
Copy link
Copy Markdown
Contributor

Changes

  • Expanded SQL examples: 20+ diverse queries across INSERT, UPDATE, DELETE, SELECT operations
  • Collapsible dropdowns: Organized by CRUD operation type with smooth animations
  • Copy-to-clipboard: One-click copy button for each SQL command
  • Hero-focused examples: Storm, Doctor Strange, Black Panther, Captain Marvel, Green Lantern, etc.
  • Cache-busting: Added version parameters to prevent browser caching issues

Features

  • Random SQL command generators for each operation
  • Visual feedback on copy (checkmark icon)
  • Keyboard accessible (aria-expanded)

Testing

Tested on http://localhost:8000 with full Debezium CDC pipeline

Fixes #8

- Expanded SQL examples: 5+ INSERT, UPDATE, DELETE, SELECT queries
- Organized into collapsible dropdown sections by operation type
- Added copy-to-clipboard functionality for each SQL command
- Implemented smooth expand/collapse animations
- Added cache-busting for static assets
@AndrGab AndrGab assigned AndrGab and WalkingDevFlag and unassigned AndrGab Oct 14, 2025
Copy link
Copy Markdown
Owner

@AndrGab AndrGab left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm

@AndrGab AndrGab merged commit f494c8e into AndrGab:main Oct 14, 2025
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[HACKTOBERFEST] Add More SQL Command Examples

2 participants