Skip to content
/ upcast Public

A podcast platform developed in VueJS and Axios. 🎙️ 🎧

Notifications You must be signed in to change notification settings

willaug/upcast

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

71 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Upcast



Upcast

Este repositório faz parte do projeto Upcast, uma plataforma fictícia de podcasts, semelhante ao Spotify e que foi construído com o uso da API Upcast.


ScreenCapture


Visão geral

Como projeto de portfólio, desenvolvi um aplicato web moderno que visa o streaming de áudio, especificamente podcasts. Nele é possível consumir a maior quantidade de funções da API Upcast. Caso deseja entrar em contato:

Funcionalidades

  • Criar e alterar conta de usuário (Inclusive imagem);
  • Recuperar conta de usuário;
  • Login via armazenamento local (Local storage);
  • Encontrar perfil de usuário;
  • Encontrar categorias;
  • Criar e alterar programas (Inclusive imagem);
  • Encontrar programas;
  • Encontrar programas por categorias;
  • Seguir programas;
  • Exibir quantidade de seguidores de um programa;
  • Criar e alterar episódios (Com áudio);
  • Criar e alterar playlists;
  • Adicionar episódios a playlists;
  • Reproduzir episódios em um componente independente, que permite continuar sua navegação no aplicativo enquanto ouve o conteúdo.

Instalação

Pré-requisitos

Para o projeto ser executado, é necessário ter o NodeJS 10+ instalado em sua máquina, além de seguir os procedimentos da API, caso não a tenha: Acessar repositório da API.

Preparando o ambiente

Baixando repositório

$ git clone https://github.com/willaug/upcast.git
$ cd upcast

Dependências

$ yarn

ou

$ npm i

Endereço da API

O endereço da API está registrado como uma variável de ambiente e se encontra no arquivo .env na pasta raiz do projeto, por padrão: http://127.0.0.1:3000.

Executando o aplicativo

yarn serve

ou

npm run serve

Ferramentas

  • NodeJS - Servidor;
  • VueJS - Framework Javascript;
  • Vue-CLI - Ferramenta para desenvolvimento VueJS;
  • ESLint - Padrão de código Javascript;
  • SASS - Linguagem de folhas de estilo;
  • Vuex - Gerenciador centralizado de estado;
  • Vue Router - Rotas dinâmicas para Vue;
  • Vue Meta - Gerador de meta tags para Vue;
  • Axios - Cliente HTTP para Javascript;
  • VWave - Efeito Ripple para Vue;
  • Moment - Plugin de datas;
  • Jwt-decode - Decodificador de JWT.