https://github.com/brunohnsouza/pokedex

Explorando o mundo Pokémon através do consumo de uma API REST para a criação de uma Pokédex incrível!
https://github.com/brunohnsouza/pokedex

api-rest contratodecompromisso dio front-end-development pokedex pokemon webapp

Last synced: about 1 year ago
JSON representation

Explorando o mundo Pokémon através do consumo de uma API REST para a criação de uma Pokédex incrível!

• Host: GitHub
• URL: https://github.com/brunohnsouza/pokedex
• Owner: brunohnsouza
• Created: 2023-04-28T22:23:13.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-05-01T15:54:23.000Z (about 3 years ago)
• Last Synced: 2025-02-16T02:25:04.803Z (over 1 year ago)
• Topics: api-rest, contratodecompromisso, dio, front-end-development, pokedex, pokemon, webapp
• Language: JavaScript
• Homepage: https://dark-pokedex.vercel.app/
• Size: 136 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


    Pokédex 





    Encontre seu Pokémon de forma simples, rápida e intuitiva! 





  Objetivo   |   

  Ferramentas   |   

  Cores usadas   |   

  Ideias realizadas   |   

  Projeto





  





  



🚀 Objetivo:



- Explorar o mundo Pokémon através do consumo de uma **API REST** para a criação de uma Pokédex incrível!

🔧 Ferramentas:



- HTML e CSS

- JavaScript

- Git e GitHub

- [http-server](https://www.npmjs.com/package/http-server)

- Layouts:

    - [Dark UI Desing - Pokédex | Daniela Resende](https://www.behance.net/gallery/168671299/Dark-UI-Study-Pokdex?tracking_source=search_projects%7Cpokedex)

    - [Pokedex App - Case Study | Simone Cavallini](https://www.behance.net/gallery/158115601/Pokedex-App-Case-Study?tracking_source=search_projects%7CPokedex)

- API [PokéApi](https://pokeapi.co/)

- Icons:

    - [Phosphor Icons](https://phosphoricons.com/)

    - [Pokemons Types | duiker101](https://github.com/duiker101/pokemon-type-svg-icons)

🎨 Cores usadas:



| Cor               | Hexadecimal                                                      |

| ----------------- | ---------------------------------------------------------------- |

| Normal            | ![#a6a877](https://via.placeholder.com/10/a6a877?text=+) #A6A877 |

| Grass             | ![#8BBE8A](https://via.placeholder.com/10/8BBE8A?text=+) #8BBE8A |

| Fire              | ![#ffa756](https://via.placeholder.com/10/ffa756?text=+) #FFA756 |

| Water             | ![#58ABF6](https://via.placeholder.com/10/58ABF6?text=+) #58ABF6 |

| Electric          | ![#F2CB55](https://via.placeholder.com/10/F2CB55?text=+) #F2CB55 |

| Ice               | ![#98d5d7](https://via.placeholder.com/10/98d5d7?text=+) #98D5D7 |

| Ground            | ![#dfbf69](https://via.placeholder.com/10/dfbf69?text=+) #DFBF69 |

| Flying            | ![#a98ff0](https://via.placeholder.com/10/a98ff0?text=+) #A98FF0 |

| Poison            | ![#695C97](https://via.placeholder.com/10/695C97?text=+) #695C97 |

| Fighting          | ![#bf3029](https://via.placeholder.com/10/bf3029?text=+) #BF3029 |

| Psychic           | ![#f65687](https://via.placeholder.com/10/f65687?text=+) #F65687 |

| Dark              | ![#695C97](https://via.placeholder.com/10/725847?text=+) #725847 |

| Rock              | ![#b8a137](https://via.placeholder.com/10/b8a137?text=+) #B8A137 |

| Bug               | ![#8BD674](https://via.placeholder.com/10/8BD674?text=+) #8BD674 |

| Ghost             | ![#6e5896](https://via.placeholder.com/10/6e5896?text=+) #6E5896 |

| Steel             | ![#b9b7cf](https://via.placeholder.com/10/b9b7cf?text=+) #B9B7CF |

| Dragon            | ![#6f38f6](https://via.placeholder.com/10/6f38f6?text=+) #6F38F6 |

| Fairy             | ![#f9aec7](https://via.placeholder.com/10/f9aec7?text=+) #F9AEC7 |

💡 Ideias realizadas:



- Dark UI

- Filtro pelo nome e tipo do Pokémon

- Curtir o Pokémon e armazenar seu estado (curtido ou não curtido) no LocalStorage 

- +400 Pokémons

- Mais informações sobre o Pokémon:

    - **Sobre**:

        - Altura

        - Peso

        - Geração

        - Habitat

        - É ou não mítico (tão difícil de achar que é considerado um mito ou lenda)

        - É ou não lendário

        - Forma

        - Grupo pertencente

        - Habilidades

        - Tipo

    - **Status**:

        - HP

        - Attack

        - Defense

        - Sp.Atk (Special Attack)

        - Sp.Def (Special Defense)

        - Speed

    - **Movimentos**:

        - 15 movimentos realizados pelo Pokémon

💻 Projeto:



- [Veja o projeto online](https://dark-pokedex.vercel.app/)






  Feito com 💜 por mim | Bruno Souza