daabChingrii/website

Create a responsive navbar using nextjs and TailwindCSS

Aperta

#6 aperta il 31 ott 2024

Vedi su GitHub
 (5 commenti) (0 reazioni) (1 assegnatario)TypeScript (4 fork)auto 404
Hacktoberfestgood first issuehacktoberfest-accepted

Metriche repository

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

Descrizione

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

Guida contributor

Direzione di ricerca
Esplora la struttura attuale del progetto, consulta la documentazione di Tailwind CSS per il design responsivo e implementa una navbar collassabile utilizzando lo stato di React. Assicura accessibilità e animazioni fluide.
Tech stack
typescriptnextjstailwindcss
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.
1-3 ore
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
GitNext.jsTailwindCSS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75