Skip to content
/ RNM Public

Projeto desenvolvido em Angular utilizando a API de Rick and Morty.

Notifications You must be signed in to change notification settings

GFailace/RNM

Repository files navigation

RNM Web App

Este projeto foi gerado com Angular CLI versão 8.3.17 utilizando a última versão do Angular.

Neste projeto foi utilizada a API de Rick e Morty, como backend dos dados apresentados no app sendo retornados utilizando requisições HTTP. O método principal de cada componente está no serviço de API(api.service.ts) enquanto métodos específicos de cada componente estão distribuídos entre os mesmos. Devido ao diferente tipo de retorno da API precisei definir nas diretivas ngIf e ngFor para tratar o retorno e exibir o resultado na View, além de criar uma forma de automatizar as requisições dinamicamente à API. O maior aprendizado foi de como utilizar retorno de URLs para realizar novas requisições e como utilizar diferentes elemtos no mesmo retorno(Arrays, Objetos) de maneiras específicas no app. Caso tivesse mais tempo, poderia implementar um sistema de busca de Locations ou Characters listados para facilitar a visualização do mesmo e melhorar a função de retorno à pagina anterior.

Rodando o App

Para rodar o app, basta clonar o repositório para o diretório desejado e executar o comando npm install ou npm i para instalar as dependências do projeto, e após executar o comando ng serve ou npm start para iniciar o servidor de desenvolvimento no endereço http://localhost:4200/. A aplicação pode ser acessada também em https://gfailace.github.io/RNM/.

Testes

Rodar o comando ng test para executar testes unitários via Karma e rodar o comando ng e2e para executar testes end-to-end via Protractor.

About

Projeto desenvolvido em Angular utilizando a API de Rick and Morty.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published