deepak-raaaz/web-dev-projects

Add Code Copy Section for Projects

Aperta

#12 aperta il 18 ott 2024

Vedi su GitHub
 (2 commenti) (0 reazioni) (0 assegnatari)HTML (32 fork)auto 404
hacktoberfest

Metriche repository

Star
 (18 stelle)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

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.

Guida contributor

Direzione di ricerca
Implementa un pulsante di copia per ogni blocco di codice (HTML, CSS, JS) utilizzando l'API degli appunti. Opzionalmente aggiungi l'evidenziazione della sintassi con una libreria come Prism.js. Il pulsante deve copiare il contenuto del codice negli appunti.
Tech stack
htmlcssjavascript
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
HTMLCSSJavaScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75