Über PokeVision

PokeVision ist eine kleine, lehrreiche Pokédex-Web-App, die Pokémon-Daten aus der öffentlichen PokeAPI lädt und interaktiv darstellt. Ziel ist ein übersichtliches Lernprojekt mit klaren, anfängerfreundlichen Templates und modularem JavaScript.

Kurzbeschreibung

• Anzeige von Pokémon-Karten mit Typ-Badges und Farbverlauf.
• Detailansicht (Modal) mit Stats, Abilities und Evolutionskette.
• Suche, Filter nach Typen und Sortierung.
• Großer Pokéball-Loader beim Seitenwechsel (konfigurierbar).

Technologien

• Vanilla JavaScript (ES6+)
• HTML5 & CSS (Tailwind via CDN)
• PokeAPI (https://pokeapi.co)
• Feather Icons

Projektstruktur (wichtigste Dateien)

• index.html — Startseite mit Grid, Suche, Filter, Pagination und Modal.
• about.html — Diese Datei (Projektinfo & Hinweise).
• script.js — Core-Logik: Laden der Daten, Rendering, Pagination.
• components/template.js — Alle HTML-Template-Funktionen (Karten, Modal-Teile).
• components/modal.js — Modal-Logik (öffnen, füllen, Evolution laden).
• components/loader.js — Loader-Funktionen (Anzeige, Navigation).
• components/navbar.js — Navbar-Komponente & interaktive Navbar-Funktionen.
• components/seaching.js — Suche, Typ-Filter, Sortierung (sic).
• style.css — Projekt-spezifische CSS-Regeln.

API & Daten

Alle Pokémon-Daten werden von PokeAPI geladen (nur Leserechte). Beispielsweise werden verwendet:

• /api/v2/pokemon/{nameOrId} — Basisdaten (Sprites, Typen, Stats, Abilities).
• /api/v2/pokemon-species/{id} — Species-Daten (Evolution Chain URL).

Installation / Lokales Testen

1. Einfach die Dateien im lokalen Ordner öffnen (kein Build-System erforderlich).
2. Auf Windows: Doppelklick auf index.html oder mit einem lokalen Server (z. B. VS Code Live Server) öffnen.
3. Stelle sicher, dass Internetzugang besteht, damit Tailwind CDN und die PokeAPI erreichbar sind.

Bekannte Einschränkungen

• Die App nutzt öffentliche API-Anfragen; Rate-Limiting durch PokeAPI kann auftreten.
• Einige Pokémon haben kein offizielles Artwork; es gibt einen Fallback auf Standard-Sprites.
• Browser-Sicherheitsbeschränkungen können das Verhalten beim Neuladen beeinflussen.

Autoren & Kontakt

Autor: Renato L. (Projekt-Repo: https://github.com/Ironhyde51/pokedex.git)

https://github.com/Ironhyde51.

Lizenz

Momentan ist keine Lizenzdatei im Repository vorhanden. Wenn du eine Lizenz möchtest (z. B. MIT), füge eine LICENSE-Datei hinzu und teile mir mit, welche Lizenz ich hier verlinken soll.

Changelog / Version

• 2025-11-30 — Refaktor: JS in Komponenten aufgeteilt; Modal, Loader und Templates modularisiert.

Credits

• PokeAPI — für die Pokémon-Daten.
• Feather Icons — für kleine Symbole.
• Tailwind CDN — für das Styling.