Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/brunocarvalhofeitosa/spotifyhotsite

Hotsite concept of Spotify made with Next.js and Styled Components.
https://github.com/brunocarvalhofeitosa/spotifyhotsite

Last synced: 4 days ago
JSON representation

Hotsite concept of Spotify made with Next.js and Styled Components.

Awesome Lists containing this project

README

        





Logo


Conceito de design de um novo hotsite apresentando os serviços oferecidos pela plataforma Spotify. Esta página foi criada com Next.js e Styled Components.

Sumário



  1. Sobre o projeto



  2. Iniciando o projeto


  3. Licenças

  4. Contato

## Sobre o projeto
Este hotsite foi feito com Next.js e Styled Components, possui apenas uma página demonstrando os serviços e vantagens de uso do Spotify, para sua criação foi-se utilizada uma paleta de cores que segue a identidade da marca e foram criadas diversas animações que interagem com o usuário.

https://user-images.githubusercontent.com/46093815/182009700-c7f264be-f668-45fd-b906-004548d276d7.mp4

### Feito com

* [Next.js](https://nextjs.org/)
* [Styled Components](https://styled-components.com/)
* [Vercel](https://vercel.com/)

### Hospedagem

O app está em produção neste link: (https://spotify-hot-site.vercel.app/).

## Iniciando o projeto

Primeiramente será necessário clonar este projeto em (https://github.com/BrunoCarvalhoFeitosa/SpotifyHotSite.git), após o download será necessário abrir este projeto no seu editor e no terminal digitar npm install ou yarn, posteriormente é só rodar em seu terminal o comando npm run dev ou yarn dev, após isso, a página será aberta em seu navegador.

### Pré-requisitos

* npm
```sh
npm install npm@latest -g
```

### Instalação

1. Clone o repositório
```sh
git clone https://github.com/BrunoCarvalhoFeitosa/SpotifyHotSite.git
```
2. Instale os pacotes do NPM
```sh
npm install ou yarn
```

3. Inicie o projeto
```sh
npm run dev ou yarn dev
```

## Licença

Distribuído sob a licença MIT.

## Contato

Bruno Carvalho Feitosa - [GitHub](https://github.com/BrunoCarvalhoFeitosa) - [LinkedIn](https://www.linkedin.com/in/bruno-carvalho-feitosa/)