Skip to content

bruzt/rocketseat-nlw-5-react

Repository files navigation

Next Level Week 5 da Rocketseat, trilha ReactJS

Esse projeto foi desenvolvido na NLW #5 da Rocketseat, a proposta foi desenvolver um site para ouvir podcasts utilizado Typescript e ReactJS com o framework Next.js para gerar as páginas estáticas (SSG) da home e dos episódios, além da construção de um player de áudio com HTML, CSS e javascript.

Também foi utilizado nesse projeto:

  • Axios, para fazer requisições HTTP para a API;
  • styled-components, um pacote React para escrever CSS-in-JS;
  • date-fns, para manipular datas;
  • rc-slider, componente react para gerar e manipular barras slider;

Executar o app

Para testar essa aplicação execute no terminal o comando npm install (é necessário ter o Node.js 14 instalado no seu PC) para instalar os pacotes, depois o comando npm run server para iniciar a API fake que vai servir os dados dos episódios para a aplicação, então execute em outro terminal o comando npm run build para gerar a build do projeto e por fim o comando npm start para iniciar o projeto. Para visualizar a home page acesse no navegador de internet o endereço http://localhost:3000/.

About

Next Level Week 5 da Rocketseat, trilha ReactJS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published