O Radio Vibe é um projeto de rádio online com o intuito de trazer um pouco da experiência de ouvir rádio para dentro da internet. Aqui você pode ver rádios do mundo todo, e com um toque, você pode checar o que tá rolando nas suas estações favoritas.
Note
This is a challenge by Coodesh
O protótipo do projeto foi feito usando o Figma e você pode acessá-lo diretamente aqui
Para acompanhar o processo de planejamento, links utilizados e outras informações dá uma olhada no notion
Este projeto foi construido utilizando principalmente os frameworks NextJS e TailwindCSS porém foram utilizados outras bibliotecas auxiliares como:
A escolha do NextJs foi algo mais voltado pro conforto de usar o React que tenho mais experiência e aplicar estratégias de cache por padrão. O ecossistema do NextJS permite ainda tempos de resposta mais satisfatórios do ponto de vista de carregamento de tela. Além disso para uma melhor integração futura com banco de dados e outras funcionalidades voltadas para a lógica de negócios da aplicação, o nextJs permite a criação de API Rest em conjunto com a aplicação client side.
Já o tailwind foi por vontade de praticar, mas não muda o fato de que é uma excelente ferramenta pra criação de temas na aplicação de forma quase automática, além de permitir construir a aplicação sem mudança de contexto. Una isso aos excelentes plugins de tailwind existentes no mercado, e o resultado é uma experiência de dessenvolvimento sensacional.
- @formatjs/intl: Usado para entender a linguagem preferida do usuário baseando-se no sistema utilizado.
- negotiator: Usado para captar os headers de requisição e fornecer para a função que detecta o tipo de linguagem
- tailwind-merge: Usado para unir e compor classes default com outras dependendo do uso.
Por ser um projeto Next.js, você pode rodar o projeto com os seguintes comandos:
npm run dev
# ou
yarn dev
# ou
pnpm dev
# ou
bun devAbra http://localhost:3000 com o seu navegador para ver o resultado.
