Skip to content

A redo of my react-pokedex project using the Svelte framework, PokeAPI, and GraphQL.

Notifications You must be signed in to change notification settings

siuangie91/svelte-pokedex

Repository files navigation

svelte-pokedex

Status

📋 Tasks are managed in this GitHub Project.

Redo of my react-pokedex project.

Simple dropdown-based Pokedex built on the Svelte framework that pulls data from the PokeAPI using its GraphQL interface.

Styled using TailwindCSS.

Scaffolded with SvelteKit.

Stack

TypeScript   Svelte   GraphQL   TailwindCSS   Jest   Svelte Testing Library

Routes

/ (homepage)

Displays a dropdown of first 20 Generation 1 Pokemon.

Select a Pokemon and click "Add to List" and it'll show up in the list on the right.

Click a Pokemon in your seen list to see more details on it; the app will open a new tab on the /pokemon/:name route.

homepage screenshot

/pokemon/:name

Pulls the data for the Pokemon given by the :name parameter from PokeAPI, and renders the information in the style of a Pokemon card.

pokemon route screenshot

About

A redo of my react-pokedex project using the Svelte framework, PokeAPI, and GraphQL.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published