Pokémon Pokedex

This is a pokedex web app that allows users to view details of all Pokémon species. Created using the TRPC, Nextjs, Prisma and Material UI.

Hosted on

This project is hosted on Vercel. You can access it here.

Built With

• Next.js
• TRPC
• Prisma
• Material UI
• NeonDB
• Vercel

Table of Contents

1. Features
2. Installation
3. Screenshots
4. API Endpoints
5. Roadmap

Features

• Search Pokémon by name
• Filter Pokémon by type
• Pagination for browsing through Pokémon species
• Responsive design for mobile and desktop
• Fast and efficient data fetching using TRPC

Installation

To get a local copy up and running, follow these steps:

1. Clone the repository:

   git clone https://github.com/ankkitsharma/pokemon-pokedex

2. Cd into the pokemon-pokedex folder

3. Install NPM packages:

   npm install

4. Put database url inside env

5. Run npm run db:generate

6. Seed the database:

   npm run db:seed

7. Start the development server:

   npm start

Screenshots

API Endpoints

• getPokemons: Get pokemons by name.
• getAllPokemonNames: Get the names of all pokemons.
• getAllTypes: Get the types of all pokemons.
• getPokemonByType: Get pokemons by type.

Roadmap

• Improve UI/UX design.