daabChingrii/website

Create a responsive navbar using nextjs and TailwindCSS

Aberta

#6 aberto em 31 de out. de 2024

Ver no GitHub
 (5 comentários) (0 reação) (1 responsável)TypeScript (4 forks)auto 404
Hacktoberfestgood first issuehacktoberfest-accepted

Métricas do repositório

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

Description

Navbar Component

Description

Create a responsive navbar using Next.js and Tailwind CSS. The navbar should include links to different sections of the website and should be collapsible on smaller screens.

Requirements

  • Navigation Links: Include links like Home, About, Services, Contact, etc.
  • Responsive: The navbar should collapse into a menu icon on mobile screens.
  • Dropdowns: Optional dropdown menus can be used for additional sublinks.
  • Styling: Match the styling to the website's theme (dark/light).

Additional Notes

  • Feel free to use icons or animations to improve the UX.
  • Use any preferred UI libraries like shadcn, Radix UI, or Heroicons if helpful.

Labels

  • Hacktoberfest, enhancement, good first issue

Guia do colaborador

Direção de pesquisa
Explore a estrutura atual do projeto, revise a documentação do Tailwind CSS para design responsivo e implemente uma navbar recolhível usando estado do React. Garanta acessibilidade e animações suaves.
Pilha de tecnologia
typescriptnextjstailwindcss
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.
1-3 horas
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
GitNext.jsTailwindCSS
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
75