deepak-raaaz/web-dev-projects

Add Code Copy Section for Projects

Ouverte

#12 ouverte le 18 oct. 2024

Voir sur GitHub
 (2 commentaires) (0 réaction) (0 personne assignée)HTML (32 forks)auto 404
hacktoberfest

Métriques du dépôt

Stars
 (18 étoiles)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

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.

Guide contributeur

Direction de recherche
Implémentez un bouton de copie pour chaque bloc de code (HTML, CSS, JS) en utilisant l'API du presse papiers. Ajoutez éventuellement une coloration syntaxique avec une bibliothèque comme Prism.js. Le bouton doit copier le contenu du code dans le presse papiers.
Stack technique
htmlcssjavascript
Domaine
frontend
Type d'issue
Fonctionnalité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Une demi journée
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
HTMLCSSJavaScript
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75