Bem-vindo ao Listen Tchez, o destino online para explorar e descobrir novas músicas e playlists selecionadas.
Você pode acessar o site aqui.
- Vite: Ferramenta de build rápida que utiliza a mais recente tecnologia do ECMAScript.
- React: Biblioteca JavaScript para construir interfaces de usuário.
- TypeScript: Superset do JavaScript que adiciona tipagem estática ao código.
- Tailwind CSS: Framework CSS para estilização rápida e eficiente.
- ESLint: Ferramenta de linting para manter a qualidade do código.
Siga os passos abaixo para rodar o projeto em sua máquina local:
Certifique-se de ter o Node.js (versão 14 ou superior) e npm (ou Yarn) instalados.
-
Clone o repositório:
git clone https://github.com/matheuszvidal/listen-tchez.git cd listen-tchez
-
Instale as dependências:
npm install # ou yarn install
-
Inicie o servidor de desenvolvimento:
npm run dev # ou yarn dev
-
Abra o navegador e acesse:
http://localhost:3000
Aqui está uma visão geral da estrutura do projeto:
├── public/ # Arquivos públicos
├── src/ # Código-fonte do projeto
│ ├── assets/ # Arquivos de mídia e estilos
│ ├── components/ # Componentes React
│ ├── context/ # Contextos do React
│ ├── pages/ # Páginas da aplicação
│ ├── App.tsx # Componente principal
│ ├── index.css # Arquivo de estilo principal
│ ├── main.tsx # Ponto de entrada da aplicação
│ ├── vite-env.d.ts # Tipagem para Vite
├── _redirects # Configuração de redirecionamentos
├── .eslintrc.cjs # Configuração do ESLint
├── .gitignore # Arquivos ignorados pelo git
├── index.html # Arquivo HTML principal
├── package-lock.json # Controle de versão das dependências (npm)
├── package.json # Dependências e scripts do npm
├── postcss.config.js # Configuração do PostCSS
├── tailwind.config.js # Configuração do Tailwind CSS
├── tsconfig.json # Configuração do TypeScript
├── tsconfig.node.json # Configuração do TypeScript para Node.js
├── vercel.json # Configuração do Vercel
├── vite.config.ts # Configuração do Vite
Feito com ❤️ por Matheus Vidal e Raphael Baere.