Podcastr é um reprodutor de podcasts moderno, construído com Next.js e React, que permite ouvir seus episódios favoritos diretamente do navegador. O projeto consome dados de um feed RSS e oferece uma interface limpa, responsiva e amigável para navegação e reprodução de áudio.
- Navegação de Episódios: Veja os episódios mais recentes e acesse todos os episódios disponíveis.
- Player de Áudio Integrado: Ouça episódios com controles intuitivos.
- Design Responsivo: Interface adaptável a qualquer dispositivo.
- Tema Claro/Escuro: Alternância de tema para melhor experiência visual.
- Next.js – Framework React para SSR e SSG.
- React – Biblioteca para interfaces de usuário.
- TypeScript – Tipagem estática para JavaScript.
- Tailwind CSS – Utilitários CSS para estilização.
- Radix UI – Componentes de UI acessíveis.
- shadcn/ui – Componentes de interface reutilizáveis e acessíveis.
- Lucide React – Ícones SVG modernos.
- Rose Pine Theme – Tema visual elegante e suave para a interface.
-
Clone o repositório:
git clone https://github.com/ericrocha97/Podcastr.git cd Podcastr
-
Instale as dependências:
pnpm install
-
Configure as variáveis de ambiente: Crie um arquivo
.env.local
na raiz do projeto e adicione:API_RSS=URL_DO_SEU_FEED_RSS NEXT_PUBLIC_BASE_URL=http://localhost:3000
-
Inicie o servidor de desenvolvimento:
pnpm dev
Abra http://localhost:3000 no navegador para ver o resultado.
No diretório do projeto, execute:
pnpm dev
— Executa a aplicação em modo de desenvolvimento.pnpm build
— Compila a aplicação para produção.pnpm start
— Inicia o servidor de produção.pnpm lint
— Formata o código usando o Biome.
- Acesse a página inicial para ver os episódios mais recentes.
- Clique em um episódio para ver detalhes e ouvir no player integrado.
- Use o botão de alternância de tema para mudar entre claro e escuro.
Contribuições são bem-vindas! Siga os passos abaixo para colaborar:
- Faça um fork do projeto
- Crie uma branch para sua feature (
git checkout -b feature/SuaFeature
) - Commit suas alterações (
git commit -m 'feat: adiciona SuaFeature'
) - Faça push para a branch (
git push origin feature/SuaFeature
) - Abra uma Pull Request
Ou abra uma issue com sugestões, dúvidas ou problemas encontrados.
Não se esqueça de deixar uma estrela ⭐ no projeto!
Distribuído sob a Licença MIT. Veja o arquivo LICENSE
para mais informações.