GithubHelp home page GithubHelp logo

barbaraamaral27 / projeto-react-apis Goto Github PK

View Code? Open in Web Editor NEW

This project forked from labenuexercicios/projeto-react-apis

0.0 0.0 0.0 42.35 MB

Ultimo projeto do modulo 2 - Front

Home Page: projeto-react-apis-gamma.vercel.app

HTML 2.00% JavaScript 98.00%

projeto-react-apis's Introduction

Pokédex

Logo da Pokédex

Badge Finalizado

Neste projeto foi desenvolvida uma pokédex que tem por objetivo mostrar uma lista de pokémons da primeira geração. O projeto foi desenvolvido em React.JS e suas funcionalidades, com integração de Api.

1- Home/Pokélist - Na página inicial são listados 151 cards de pokémons referentes à primeira geração de pokémons. - Obs: Cada card possui os dados específicos de cada pokémon. Ex: id, nome, tipos, imagem, botão de detalhes e botão de capturar. - Clicando em detalhes é possível visualizar as estatísticas e seus movimentos de batalha. - Clicando em capturar é possível catalogar o pokémon em sua pokédex.

2- Pokédex - Na pokédex serão listados todos os pokémons capturados, com a possibilade de excluí-los da mesma.

3- Detalhes - Na página de detalhes é possível visualizar as estatísticas e movimentos de batalha de cada pokémon, além de ter a possibilidade de adicioná-lo ou excluí-lo da pokédex, por meio de um botão localizado no header da página.

3- Página de erro - Nesta página contém uma mensagem de erro que só será exibida caso o usuário tente acessar alguma página que não seja as páginas acima, ou seja, que não esteja vinculada nas rotas do projeto.

Índice

Tecnologias usadas:

  • React.js
  • Vite.js
  • Styled Components
  • React Hooks
  • Global State
  • API Rest
  • PokéApi
  • Axios

Deploy:

Rodando o projeto:

  • Rode o console na pasta em que você baixou os arquivos;

  • Insira o comando npm install;

  • Depois, o comando npm run dev para rodar no navegador.

Contato

projeto-react-apis's People

Contributors

indiomedeiros avatar barbaraamaral27 avatar clarameirelles avatar muri01 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.