Esse projeto foi desenvolvido durante a 5ª Imersão React da Alura.
| 🪧 Vitrine.Dev | |
|---|---|
| ✨ Nome | deMenezesCast |
| 🏷️ Tecnologias | ReactJS, NextJS, Styled Components, Supabase, ESLint, podcast-api |
| 🚀 URL | https://demenezescast.vercel.app/ |
| 🔥 Desafio | https://www.alura.com.br/imersao-react |
Antes de qualquer coisa: você gosta de podcast? Eu também!
Então acessa o projeto, e cadastra um podcast de sugestão para mim ;)
Obs.: os meus preferidos já estão lá, vc pode ver...
As tecnologias utilizadas pelos instrutores da Alura foram:
- ReactJS para desenvolvimento dos componentes e interface
- NextJS para roteamento, cabeçalho, metadados e organização dos providers da aplicação
- Styled Components para estilizar os componentes
- Supabase como o banco de dados que guarda as informações dos podcasts
Além disso, usei outras duas bibliotecas para complementar meu projeto:
- ESLint para criar uma padronização em todo o projeto
- podcast-api para fazer uma busca entre os podcasts (que futuramente são salvos no banco Supabase)
- Temas dark e light
- Preview em tempo real
- Modo tela cheia
- Responsivo
- Listagem de podcasts separados por categoria
- Filtro de podcasts
- Consulta de podcasts em uma ampla base de dados
- Salvar sugestões de podcast em um banco de dados no Supabase incluindo sua categoria
- Atualização automática da tela assim que um podcast é salvo
- Poder remover podcast da base de dados pela interface
- Remover um podcast pela interface
- Escolher a categoria ao adicionar um podcast
- ...
Execute os comandos abaixo:
$ git clone https://github.com/aaamenezes/demenezescast.git
$ cd demenezescast
$ npm i
$ npm run dev🌎 Projeto em produção 👨💻 Repositório 🧑🏫 Imersão Alura
As pessoas responsáveis por todo esse aprendizado:
Se você tiver algum feedback, pode me contar no Twitter (aaamenezes).
