Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/carlos-hfc/spotify
Spotify clone
https://github.com/carlos-hfc/spotify
nextjs react spotify tailwindcss typescript
Last synced: 3 days ago
JSON representation
Spotify clone
- Host: GitHub
- URL: https://github.com/carlos-hfc/spotify
- Owner: carlos-HFC
- License: mit
- Created: 2024-01-16T19:23:17.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-01-29T17:41:30.000Z (10 months ago)
- Last Synced: 2024-01-30T17:07:10.517Z (10 months ago)
- Topics: nextjs, react, spotify, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://spotify-carlos-hfc.vercel.app/
- Size: 1.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Spotify
Este é um projeto de clone do layout do Spotify, construído com React, Tailwind CSS, Next.js e Typescript. Ele permite que você veja a tela inicial, sua biblioteca, músicas curtidas e a página de busca.
## Pré-requisitos
Antes de começar, certifique-se de ter o Node.js e o npm instalados em sua máquina.
- [Node.js](https://nodejs.org/)
- [npm](https://www.npmjs.com/) (normalmente vem com o Node.js)## Configuração
1. Clone o repositório para sua máquina local:
```bash
git clone https://github.com/carlos-hfc/spotify.git
```2. Acesse o diretório do projeto:
```bash
cd spotify
```3. Instale as dependências:
```bash
npm install
```## Executando a Aplicação
Com as dependências instaladas, você pode iniciar a aplicação:
```bash
npm run dev
```## Uso da Aplicação
1. Abra o navegador e acesse [http://localhost:3000](http://localhost:3000).
2. Explore as páginas, ordene as músicas curtidas, visualize a sua biblioteca.## Tecnologias Utilizadas
- React
- Tailwind CSS
- Next.js
- Typescript## Licença
Este projeto está licenciado sob a [Licença MIT](LICENSE).