O melhor para você ouvir, sempre

Sobre   |   Tecnologias e ferramentas utilizadas   |   Layout   |   Instalação e execução   |   Como contribuir   |   Contato   |  

📃 Sobre

Podcastr foi um projeto desenvolvido durante a trilha de React da quinta edição da Next Level Week, um evento online produzido pela Rocketseat.

Esta é uma aplicação web que permite os usuários ouvirem seus podcasts favoritos, ver os últimos lançamentos e obter mais informações dos podcasts que estiverem ouvindo no momento.

🚀 Tecnologias e ferramentas utilizadas

Este projeto foi desenvolvido com as seguintes tecnologias e ferramentas:

• React: uma biblioteca JavaScript de código aberto com foco em criar interfaces de usuário (frontend) em páginas web. É mantido pelo Facebook, Instagram, outras empresas e uma comunidade de desenvolvedores individuais. É utilizado nos sites da Netflix, Imgur, Feedly, Airbnb, SeatGeek, HelloSign, Walmart e outros;

• Next.js: um framework de desenvolvimento web front-end que adiciona novas funcionalidades ao React, como SSR (Server-side Rendering) e SSG (Static Site Generation). Utilizamos esta ferramenta pensando na otimização de performance e uma melhor indexação em mecanismos de busca (SEO - Search Engine Optimization).

• TypeScript: um super conjunto da linguagem JavaScript que fornece classes, interfaces e tipagem estática opcional. Utilizado em conjunto com React no frontend web;

• Sass: um pré-processador CSS que estende a sintaxe do CSS convencional, nos dando um controle mais profissional e dinâmico às folhas de estilo (stylesheets);

• Axios: é um cliente HTTP baseado em Promises para fazer requisições.

• Git: o sistema de controle de versão distribuído de código aberto mais utilizado;

• Visual Studio Code: um editor de código-fonte desenvolvido pela Microsoft para Windows, Linux e macOS, recomendado para o desenvolvimento de aplicações web;

📟 Layout

O layout das telas da aplicação Podcastr foi desenvolvido pela equipe da Rocketseat através da ferramenta online Figma, um software de prototipação voltado para UI Design (design de interfaces de usuário). Você pode acessar o layout através deste link: Podcastr.

🔧 Instalação e execução

Para baixar o código-fonte do projeto em sua máquina, primeiramente terá que ter instalado o Git.

Com o Git instalado, em seu terminal execute o seguinte comando:

git clone  https://github.com/PhilipeF/podcast.git

Para instalar as dependências e executar o projeto terá que ter instalado em sua máquina o Node.js

Instale as dependências do projeto no terminal:

npm install

Execute o projeto:

npm run dev

# ou

yarn dev

📲 Contato

Entre em contato comigo por e-mail ou pelo meu LinkedIn:

---

©2021 - Philipe Ferreira