deepak-raaaz/web-dev-projects

Add Code Copy Section for Projects

Aberta

#12 aberto em 18 de out. de 2024

Ver no GitHub
 (2 comentários) (0 reação) (0 responsável)HTML (32 forks)auto 404
hacktoberfest

Métricas do repositório

Stars
 (18 estrelas)
Métricas de merge de PR
 (Métricas PR pendentes)

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.

Guia do colaborador

Direção de pesquisa
Implemente um botão de cópia para cada bloco de código (HTML, CSS, JS) usando a API de área de transferência. Opcionalmente, adicione destaque de sintaxe com uma biblioteca como Prism.js. O botão deve copiar o conteúdo do código para a área de transferência.
Pilha de tecnologia
htmlcssjavascript
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
HTMLCSSJavaScript
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
75