Coder Social home page Coder Social logo

andersonalvescoelho / podcast Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 3.1 MB

O podcastr é um app para reprodução de episódios em áudio do seu podcast favorito.

TypeScript 68.91% SCSS 30.78% JavaScript 0.31%
nlw nlw-5 react nextjs typescript missaocomprida universoinfinito astronautas embuscadoproximonivel missaoespacial

podcast's Introduction

💡 Ferramentas utilizadas no projeto :

podcastr

License NLW 05

💡 Sobre o Projeto

Este projeto está sendo desenvolvido no evento Next Level Week # 05 pela Rocketseat 🚀 💜 O podcastr é um app para reprodução de episódios em áudio do seu podcast favorito. Você pode visualiza o layout do projeto pelo figma.


Instruções para visualizar o projeto

Requerimentos

    # Clone Repository
    git clone https://github.com/AndersonAlvesCoelho/podcast
    cd podcast

💻 Frontend

    #instale as dependências necessárias com:
    npm i ou yarn
    #agora start o projeto
    npm start ou yarn start

📦 Server

    #Com um outro cmd aberto, starta o server no mesmo diretorio no PlantManager
    npm server ou yarn server

📚 Atividades realizadas

1º dia

  • Configuração de ambiente de desenvolvimento
  • Introdução ao Next.js

2º dia

  • Criar estilos globais
  • Criação de componentes
    • Header
    • Player
  • Configuração das API
  • Build do projeto

3º dia

  • Criação de página:
    • Home
    • Episódio
  • Roteamento com Next.js

4º dia

  • Criando Context API
  • Funcionalidade do Play do Podcast

5º dia

  • Controlers do play
    • Próximo e anteriro
    • Loop
    • Shuffle
    • Tempo atual
    • Slider

📣 O que é Next Level Week?

O NLW (antiga onmistack) é uma semana onde a Rocketseat mostram como montar uma aplicação do zero com as melhores tecnologias do mercado.
A Rocketseat tem a consciência que a prática é a melhor aula, então sempre nos inspiram e lançam desafios para a gente se virar sozinho!

Pilhares do metódo de ensino Rocketseat
  • Foco: Dominar todas as linguagens e tecnologias é impossível, por isso é importante focar para ir direto ao ponto sem perder tempo.
  • Grupo: A comunidade de devs é uma das melhores comunidades que existem! Trabalhar em grupo é essencial, já perdi a conta de quantas vezes ajudei e fui ajudado com erros de programação.
  • Prática: E claro, não podia faltar! Quando vemos uma aula, nós podemos entender os conceitos, mas só na prática que aprendemos realmente como faze-los!

  • Feito por 💜  Anderson Alves 👋  linkedin

    Recommend Projects

    • React photo React

      A declarative, efficient, and flexible JavaScript library for building user interfaces.

    • Vue.js photo Vue.js

      🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

    • Typescript photo Typescript

      TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

    • TensorFlow photo TensorFlow

      An Open Source Machine Learning Framework for Everyone

    • Django photo Django

      The Web framework for perfectionists with deadlines.

    • D3 photo D3

      Bring data to life with SVG, Canvas and HTML. 📊📈🎉

    Recommend Topics

    • javascript

      JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

    • web

      Some thing interesting about web. New door for the world.

    • server

      A server is a program made to process requests and deliver data to clients.

    • Machine learning

      Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

    • Game

      Some thing interesting about game, make everyone happy.

    Recommend Org

    • Facebook photo Facebook

      We are working to build community through open source technology. NB: members must have two-factor auth.

    • Microsoft photo Microsoft

      Open source projects and samples from Microsoft.

    • Google photo Google

      Google ❤️ Open Source for everyone.

    • D3 photo D3

      Data-Driven Documents codes.