Neste projeto fui encarregado de desenvolver um aplicativo para cinéfilos utilizando o Framework VueJs e consumir a Api The Movie Database.
- VueJs
Vue.js é um framework JavaScript de código-aberto, focado no desenvolvimento de interfaces de usuário e aplicativos de página única. Link: https://br.vuejs.org/
- API The Movie Database
A API fornece uma maneira rápida, consistente e confiável de obter dados de terceiros. fornece dados de filmes, séries, canais de TV e muito mais. Link: https://www.themoviedb.org/
- Vuetify
Vuetify é uma biblioteca de interface do usuário Vue com componentes de material lindamente artesanais. Link: https://vuetifyjs.com/en/
- Axios:
Axios é um cliente HTTP simples baseado em promessas para o navegador e para o node.js. Axios fornece uma biblioteca simples de usar em um pacote pequeno com uma grande interface.
Link: https://axios-http.com/ptbr/
- Vuex:
Vuex é um padrão de gerenciamento de estado + biblioteca para aplicativos Vue.js. Ele serve como um armazenamento centralizado para todos os componentes em um aplicativo. Link: https://vuex.vuejs.org/
- Animate.css
Animate.css é uma biblioteca de animações prontas para uso em vários navegadores para uso em seus projetos da web. Ótimo para ênfase, páginas iniciais, controles deslizantes e dicas de orientação de atenção. Link: https://animate.style/ Link: https://developers.themoviedb.org/3/
Para utilizar o projeto basta executar esses 5 passos:
-
Baixar o NodeJs Link Download: https://nodejs.org/en/
-
Clonar esse projeto para seu Computador:
git clone https://github.com/Icaro-Vieira/Projeto-3-Overdrive-AppFilme.git
-
Criar uma conta no The Movie Database, gerar uma chave e colocar no arquivo axios.js localizado na pasta: src/plugins/axios.js, dentro da
api_key
nas (aspas) "sua chave" -
Abrir o projeto e rodar no PowerShell o comando
npm install
Feito isso rode o comandonpm run serve
-
Abra o projeto no seu navegador pelo link mostrado no terminal (Ex: localhost:8080).