Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mtemin/pokedex-the-pokemon-database

Web app for pokemon database using GraphQL.
https://github.com/mtemin/pokedex-the-pokemon-database

graphql html nextjs react react-query redux redux-toolkit tailwind

Last synced: 2 days ago
JSON representation

Web app for pokemon database using GraphQL.

Awesome Lists containing this project

README

        

## Features *( Özellikler )* :
- Light/Dark mode *( Karanlık/Aydınlık mod )*
- Pokedex page with infinite scrolling and graphQL queries *( Sonsuz kaydırma ve graphQL sorguları ile Pokemon Listesi sayfası )*
- Dynamic pokemon page *( Dinamik pokemon sayfası)*
- List pokemons by their type page *( Türlerine göre pokemon listeleme sayfası )*
- Go to specific pokemon with text or number entries *( Yazı veya numara girişiyle belirli pokemon sayfasına gitme )*
- Browser address bar support for any pokemon in database *( İstenen pokemona adres çubuğuna pokemon kimlik numarası veya isim girerek veritabanındaki herhangi bir pokemona gidebilme)*

## Technologies (Kullanılan Teknolojiler ) :
- HTML, CSS, TailwindCSS, Flowbite
- Typescript, ReactJS, NextJS
- Redux Toolkit, Tanstack React Query
- GraphQL

## Live on ( Projeye göz atmak için ) :
[Pokedex The Pokemon Database](https://pokedex-the-pokemon-database.vercel.app/)

## Credits ( Teşekkürler )
[PokeAPI](https://pokeapi.co/) for GraphQL endpoint

## Preview ( Önizleme )

![Homepage - Dark](https://i.hizliresim.com/sl4w0v1.jpg)

![Pokedex Page - Dark](https://i.hizliresim.com/l8v05vg.jpg)

![Pokemon Page - Dark](https://i.hizliresim.com/6k1ikku.jpg)

![Pokedex By Type Page - Dark](https://i.hizliresim.com/1woy2sz.jpg)