A small React + Vite web app that lets you browse Pokémon cards and search the Pokédex. This repository powers the live site at https://an-unofficial-pokemon-archive.netlify.app.
- Minimal React app scaffolded with Vite.
- Uses React 19, Vite, Tailwind CSS, and Framer Motion for animations.
- Client-side UI components live under
src/components(e.g.,PokemonList.jsx,PokemonCard.jsx,SearchBar.jsx).
- Browse a grid of Pokémon.
- Click a Pokémon to view details.
- Search by name using the search bar with live filtering.
- Responsive layout and simple animations.
- React (see
package.json) - Vite (dev/build tooling)
- Tailwind CSS (styling)
- Framer Motion (animations)
- This project fetches Pokémon data from the PokéAPI: https://pokeapi.co/.
- Install dependencies:
npm install- Run the dev server:
npm run devOpen the site at the URL printed by Vite (usually http://localhost:5173).
- Build for production:
npm run build- Preview the production build locally:
npm run previewsrc/— application sourceassets/— images and static assetscomponents/— React components (PokemonList.jsx,PokemonCard.jsx,SearchBar.jsx)App.jsx,main.jsx— app entry and bootstrapping
public/— static public filespackage.json— scripts and dependencies
This project is proprietary. See the repository LICENSE file for the full terms. In short: all rights reserved. Copying, redistributing, creating derived works, or otherwise using this code without explicit written permission from the copyright holder is prohibited.