Git Product home page Git Product logo

pokemon-application's Introduction

Projeto para listagem de habilidades de um Pokémon

A ideia desse projeto é de, através de uma API fornecida pelo https://pokeapi.co/, possibilitar a busca de habilidades de Pokémons ordenadas alfabeticamente. O projeto conta com duas aplicações, o pokemon-backend, responsável por integrar com a API fornecida pelo pokeapi e disponibilizar um endpoint que lista as habilidades de um pokemon alfabeticamente. E o pokemon-frontend, a partir do qual é possível buscar as habilidades de Pokémons através de uma interface amigável.

pokémon-backend

Essa aplicação foi construída com Node.js, Typescript, Express, Axios e Jest e disponibiliza um endpoint que pode ser acessado através de requisições HTTP do tipo GET através da URL e Porta da aplicação. Exemplo: http://localhost:3000/api/v1/pokemon/pikachu/abilities.

pokémon-frontend

Essa aplicação foi construída com React, Typescript, Axios, HTML, CSS e é responsável por disponibilizar uma interface em que é possível consultar as habilidades de um determinado Pokémon, através de um campo de busca. Essa aplicação se comunica com o pokemon-backend através de API fornecida pelo último. Para acessar essa aplicação basta digitar sua URL e Porta. Exemplo: http://localhost:3001/.

Passos para executar o projeto

  1. Certifique-se que o Git, o Docker e o Docker Compose esteja instalado em sua máquina;
  2. Clone o repositório em sua máquina;
  3. Entre no diretório pokemon-backend, crie um arquivo chamado .env, usando o arquivo .env.example como referência, inclusive copiando os valores de lá;
  4. No diretório principal, executar o comando docker compose up --build -d e aguardar a criação e execução dos containers;
  5. Ao finalizar o passo anterior, acessar a url http://localhost:3001/ no navegador e a o projeto já está pronta para ser utilizada;
  6. Para utilizar a API fornecida pelo backend, basta realizar requisições HTTP do tipo GET para a url http://localhost:3000/api/v1/pokemon/:name/abilities;

Interface do Projeto

pokemon-application's People

Contributors

rheimon1 avatar

Watchers

 avatar

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.