matheuszvidal / listen-tchez

Listen Tchez

Bem-vindo ao Listen Tchez, o destino online para explorar e descobrir novas músicas e playlists selecionadas.

Visite o Site

Você pode acessar o site aqui.

Tecnologias Utilizadas

• 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.

Como Rodar o Projeto Localmente

Siga os passos abaixo para rodar o projeto em sua máquina local:

Pré-requisitos

Certifique-se de ter o Node.js (versão 14 ou superior) e npm (ou Yarn) instalados.

Instalação

1. Clone o repositório:

   git clone https://github.com/matheuszvidal/listen-tchez.git
   cd listen-tchez

2. Instale as dependências:

   npm install
   # ou
   yarn install

Rodando o Projeto

1. Inicie o servidor de desenvolvimento:

   npm run dev
   # ou
   yarn dev

2. Abra o navegador e acesse:

   http://localhost:3000
   

Estrutura do Projeto

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

Contribuições

Feito com ❤️ por Matheus Vidal e Raphael Baere.