esarmiem / tcg-gengar-ex

Carta de Gengar ex (Fuerzas Temporales TCG) del API Pokémon TCG API. desarrollado con (Svelte, bun, Sass)

Home Page:https://tcg-gengar-ex.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

TCG Gengar Ex Viewer

Este proyecto es una aplicación web para visualizar detalles de la carta Pokémon TCG Gengar ex (Temporal Forces 104) utilizando la API de Pokémon TCG.

gengar

Tecnologías Utilizadas

  • Frontend: Desarrollado con Vite , Svelte y Sass para un entorno de desarrollo rápido y eficiente.
  • Gestor de Dependencias: Utiliza Bun para la gestión de paquetes y dependencias.
  • API: Accede a la Pokémon TCG API para obtener datos de las cartas (registrate y puedes obtener gratis una API key).

Comenzando

Antes de comenzar, asegúrate de tener instalado Bun en tu sistema.

Instalación

  1. Clona el repositorio:

git clone https://github.com/esarmiem/tcg-gengar-ex.git

  1. Navega al directorio del proyecto:

cd tcg-gengar-ex

  1. Instala las dependencias con Bun:

bun install

  1. Crea en la ruta principal del proyecto un archivo con nombre .env.local y ahí agrega tu api key

VITE_API_KEY=aquí-pegas-tu-apikey-generada

  1. Inicia el servidor de desarrollo:

bun run dev

Funcionalidad

La aplicación muestra detalles de la carta Gengar ex (Temporal Forces 104) y permite a los usuarios ver más información sobre la carta al hacer clic en ella, lo que redirige a la página correspondiente de Bulbapedia.

Si deseas ver otra carta simplemente debes cambiar el id de la carta por otro de la documentación pokemon-tcg-data

const id = "sv5-104"; // Reemplaza con el ID de la carta que deseas buscar

Contribuciones

Las contribuciones son bienvenidas. Por favor, abre un issue o un pull request antes de enviar cambios.

About

Carta de Gengar ex (Fuerzas Temporales TCG) del API Pokémon TCG API. desarrollado con (Svelte, bun, Sass)

https://tcg-gengar-ex.vercel.app/


Languages

Language:SCSS 61.5%Language:Svelte 28.9%Language:JavaScript 6.6%Language:HTML 3.0%