A simple and fast Pokémon EV tracker built with SolidJS, TypeScript, and Tailwind CSS. The Pokémon data is sourced from Reddit user Dan_t654.
- Search: Find Pokémon by name or ID.
- Filter: Filter Pokémon by EV yield and region.
- Sort: Sort Pokémon by ID, name, or base experience.
- Dark Mode: Toggle between light and dark mode.
- Responsive: The layout is fully responsive and works on all screen sizes.
-
Clone the repository:
git clone https://github.com/your-username/poke-excel.git
-
Install the dependencies:
bun install
-
Start the development server:
bun dev
src/
├── components/ # Solid components
├── lib/ # Utility functions
├── types/ # TypeScript type definitions
├── assets/ # Static assets
└── App.tsx # Main application component
To deploy this project to GitHub Pages:
-
Build the project:
bun run build
This will generate a
distfolder with the static site. -
Deploy the
distfolder to GitHub Pages. You can do this manually or use thegh-pagesbranch. Here is a simple way using thegh-pagesnpm package:a. Install
gh-pagesglobally (if you haven't already):bun add -D gh-pages
b. Add the following script to your
package.json:"scripts": { // ...existing scripts... "deploy": "gh-pages -d dist" }
c. Deploy:
bun run deploy
-
Configure GitHub Pages in your repository settings to serve from the
gh-pagesbranch.
After deployment, your site will be available at https://<your-username>.github.io/<repo-name>/.
- Special thanks to Reddit user Dan_t654 for providing the Pokémon data.
- Pokémon data is converted from Excel to JSON using a Python script in the
convertdirectory.