PodCastr

Projeto proposto pela Rocketseat 🚀 durante a realização do Next Level Week 5º

Telas

Página Home	Página Episódio

📃 Informações sobre o Projeto

O PodCastr é uma aplicação web de podcast onde são mostrados os episódios já lançados, onde é possível ouvir os episódios.

📋 Resolução

A funcionalidade base do projeto é controle de Player, onde é possível tocar um episódio, tocar a lista de episódios e você tem o controle de pause, repetir, próximo, anterior e embaralhar. E para realizar essa funcionalidade foi utilizado o Context API do React.js que permite compartilhar variáveis de estado e funções entre os componentes da aplicação.

🛠️ Tecnologias usadas

• React.js (Hooks, Context API)
• Next.js
• Typescript
• Pré-processador CSS3 (Sass)
• API Fake JSON Server

🛠️ O que aprendi de novo

Durante o desenvolvimento desta aplicação pude reforçar o conhecimento sobre a Context API do React.js. Aprendi a o hook useRef e como utiliza-lo quando precisamos manipular informações de uma tag HTML.

Aprendi os conceitos de SSR e SSG, e como sua utilização deixa a aplicação mais performatica. E como utilizar essas funções dentro do Next.js.

💻 Execução

Para você rodar o projeto localmente é necessário que realize o clone do projeto e executar o comando:

npm install

Antes de executar a aplicação é necessário startar o server, usando o comando:

npm run server

E para executar a aplicação de o seguinte comando:

npm run dev

Agora no navegar acesse http://localhost:3000/

Deploy

⏳ Em construção

🏃 Milha Extra

⏳ Em construção