deepak-raaaz/web-dev-projects

Add Code Copy Section for Projects

Offen

#12 geöffnet am 18.10.2024

Auf GitHub ansehen
 (2 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)HTML (32 Forks)auto 404
hacktoberfest

Repository-Metriken

Stars
 (18 Sterne)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

Implement a feature that allows users to easily copy HTML, CSS, and JavaScript code snippets from project examples. This section should include:

  • A visually distinct code block for each language (HTML, CSS, JS).
  • A 'Copy' button for each code block, enabling users to quickly copy the code to their clipboard.
  • Optional: Add syntax highlighting for better readability.

This feature will enhance the user experience by making code examples more accessible and easier to use.

Contributor Guide

Research-Richtung
Implementieren Sie einen Kopier Button für jeden Codeblock (HTML, CSS, JS) mit der Clipboard API. Fügen Sie optional Syntax Highlighting mit einer Bibliothek wie Prism.js hinzu. Der Button sollte den Codeinhalt in die Zwischenablage kopieren.
Tech Stack
htmlcssjavascript
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
HTMLCSSJavaScript
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75