PokéVM allows for endless exploration of all 898 currently discovered pokémon. Each pokémon is proportionality displayed as physical cards inspired by the original 1999 pokémon card base set and the 2016 updated reprint of the same design.
PokéVM utilizes PokéAPI, a RESTful API service, that pulls data from every main series Pokémon game.

PokéVM Demo	PokéVM	2016 Reprint	1999 Release

Goals & Purpose

Implement a Design Pattern (Programming Architecture)

Model-View-Controller(MVC).
The Reavealing Module Pattern.
    • Provides structure and encapsulation.
    • Immediately Invoked Function Expressions (IIFE)
Focused on clean, concise, & meaningful code.

Improve My Programming Capability

Why Vanilla JS | HTML | CSS?
    • To truly learn the language and to gain an appreciation for framework abstractions.

Primary Concepts Covered:
    • JavaScript's Event Loop & Hoisting
    • Closures & Scope
    • Promise handling with async..await operations
    • Loose module coupling

Responsive Design

Limited media queries.
Utilized concepts of Fluid Typography:
    • Pokémon card is horizontally and vertically responsive.
    • Viewport-width coverage range: [375px, 1200px]

LIBARIES

Vanilla Tilt

IMAGES & ICONS

PokéBall Site Logo
Pokemon Display Blended Image
Pokemon Display Blended Gif
SVG images designed using Figma, exported and optimized using SVGOMG.

FONTS

Futura LT Font Family
Gill Sans Font-Face
Humanst 521 Font-family
Pokemon Font-Family

UTILITY SITES

Figma - Prototyping tool & vector graphics editor
SVGOMG - SVG Optimization
EZGIF - GIF Editor
Transfonter - Generates @font-face stylesheets (.WOFF2)
Favicon Generator
this.markdown Logo - PokéVM PNG image (readme specific)