Skip to main content
Pokedex Logo

Explore the World of Pokémon

Pokedex is a feature-rich Vue 3 application that brings the entire Pokémon universe to your fingertips. Browse, search, and manage your favorite Pokémon with a beautiful, responsive interface powered by the PokeAPI.

Quick Start

Get up and running in minutes with our quick start guide

Live Demo

Experience the app in action

View on GitHub

Explore the source code

Project Structure

Understand the architecture

Key Features

Pokémon Browser

Browse 1000+ Pokémon with pagination and infinite scroll

Smart Search

Real-time search across all Pokémon names

Favorites Management

Save and organize your favorite Pokémon

Detailed Views

View stats, types, abilities, and moves

Ability Explorer

Filter Pokémon by their abilities

Responsive Design

Beautiful dark theme that works on all devices

Built With Modern Technologies

Vue 3

Composition API with script setup syntax

Pinia

Modern state management for Vue

Vue Router

Client-side routing with lazy loading

Axios

Promise-based HTTP client

Vite

Lightning-fast build tool

PokeAPI

RESTful Pokémon data API

Getting Started

1

Install Dependencies

Clone the repository and install dependencies with npm
git clone https://github.com/EliasMari/Pokedex.git
cd Pokedex
npm install
2

Start Development Server

Run the development server with hot-reload
npm run dev
3

Explore the App

Open your browser and navigate to the local development URL to start exploring Pokémon

What’s Next?

Installation Guide

Detailed setup instructions

Components Overview

Explore reusable components

State Management

Learn about Pinia stores

PokeAPI Integration

Understand API integration

Build docs developers (and LLMs) love