Pokedex

🕹 Pokédex desenvolvida em Javascript, HTML e CSS consumindo duas APIs de Pokémons.

Generate Convert Improve

Install / Use

/learn @samaramiranda/Pokedex

About this skill

Quality Score

0/100

README

<h1 align="center"> 🕹 Pokédex </h1>

:rocket: Sobre o projeto

Este é um site que funciona como uma pokédex, ele exibe as seguintes informações sobre 150 Pokémons diferentes:

Imagem
Nome
Tipo

Para a obter as informações de nome e tipo do Pokémon foi utilizada a API do "PokéAPI", já para a imagem de cada um foi utilizada a API do "https://pokeres.bastionbot.org".

Cada Pokémon é exibido em um card na tela, esse card tem sua cor de fundo definida de acordo com o tipo de Pokémon que ele exibe, por exemplo, os Pokémons de tipo "water" tem a cor de fundo do card azul, já os do tipo "poison" a cor é verde.

:computer: Tecnologias usadas:

Javascript
HTML
CSS

:bulb: Tela

pokedex

videoMP4 - gif

Related Skills

node-connect

349.7k

Diagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps

frontend-design

109.7k

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

openai-whisper-api

349.7k

Transcribe audio via OpenAI Audio Transcriptions API (Whisper).

qqbot-media

349.7k

QQBot 富媒体收发能力。使用 <qqmedia> 标签，系统根据文件扩展名自动识别类型（图片/语音/视频/文件）。