spotify Tailwind Templates

Spotify

Recriação da interface web do Spotify utilizando Next.js, Tailwind CSS, pnpm e Lucide Icons. Este projeto foi desenvolvido para praticar habilidades em desenvolvimento front-end moderno, com foco em estilização responsiva e design dinâmico.

Spotify 🎻🎙️

Recriação da interface web do Spotify utilizando Next.js, Tailwind CSS, pnpm e Lucide Icons. Este projeto foi desenvolvido para praticar habilidades em desenvolvimento front-end moderno, com foco em estilização responsiva e design dinâmico.

🚀 Demonstração

Confira como ficou o projeto:

Preview do Projeto


⚙️ Tecnologias Utilizadas

Este projeto foi construído utilizando:

  • Next.js: Framework React para aplicações web modernas.
  • Tailwind CSS: Biblioteca utilitária para estilização rápida e responsiva.
  • pnpm: Gerenciador de pacotes rápido e eficiente.
  • Lucide Icons: Conjunto de ícones para design limpo e moderno.

🚀 Começando

Siga estas instruções para rodar o projeto localmente:

Pré-requisitos

  • Node.js (v16 ou superior)
  • pnpm (instale com npm install -g pnpm)

Passos para instalação

  1. Clone o repositório:

    git clone https://github.com/eduardabenevenutti77/spotify.git
    
  2. Navegue até o diretório do projeto:

    cd spotify
    
  3. Instale as dependências:

    pnpm install
    
  4. Inicie o servidor de desenvolvimento:

    pnpm dev
    
  5. Acesse o projeto no navegador:

    http://localhost:3000
    

🎨 Captura de Tela

Tela Principal

Tela Principal


💪 Aprendizados

Durante este projeto, aprimorei:

  • Uso de Tailwind CSS para estilização rápida e eficiente.
  • Configuração e utilização do Next.js para aplicações.
  • Uso de Lucide Icons para melhorar a experiência visual.
  • Gerenciamento eficiente de dependências com pnpm.

Top categories

Loading Svelte Themes