Skip to content

Plataforma construída para reprodução de podcastings, com listamento, player e página descritiva de cada episódio.

License

Notifications You must be signed in to change notification settings

itsmevictorhugo/podcastr

Repository files navigation

Podcastr Icon Podcastr Banner

Sobre   |    Interface   |    Tecnologias   |    Requisitos   |    Licença   |   


🔖 Sobre

O Podcastr é uma plataforma voltada para o consumo de conteúdos em formato de Podcasts. Possui área de destaque, assim como listagem de episódios. Além disto, há uma página mais detalhada sobre cada episódio.

Durante a NLW5 - Trilha React da Rocketseat estudamos na prática o desenvolvimento de uma ferramenta com o uso do Next e os conceitos sobre SPA, SSR e SSG de maneira mais contextualizada.

A ferramenta foi desenvolvida em Next com Typescript e estilizada com SASS.

Principais aprendizados:
  - React: Componente, Estado e Propriedade.
  - Typescript: Conceito e tipagem.
  - Next: SPA, SSR, SSG, Roteamento, SEO. 
  - Recursos: Refs, ContextAPI, getStaticPaths e getStaticProps.


🖥️ Interface

Demonstração do site Bikcraft

Acesse aqui o link do Layout. Ferramenta utilizada Figma.

💻 Requisitos

  • Você precisa instalar: Node.js & Yarn para rodar este projeto em seu computador.
Clone o projeto e acesse a pasta:
$ git clone https://github.com/itsmevictorhugo/podcastr.git
$ cd podcastr

Siga as instruções abaixo:

# Install the dependencies
$ yarn

# Run the backend fake server
$ yarn server

# Run the web server
$ yarn dev

🚀 Tecnologias


📝 Licença

Esse projeto possui a licença MIT. Veja no arquivo LICENSE para mais informações.


Feito com 💙 por Victor Hugo.

About

Plataforma construída para reprodução de podcastings, com listamento, player e página descritiva de cada episódio.

Topics

Resources

License

Stars

Watchers

Forks