A web-based Pokédex for the original 151 Pokémon, built with Laravel, Bootstrap, and PokéAPI. Users can register, log in, favorite Pokémon, and track which Pokémon they've found. Progress is shown with a dynamic progress bar, and all data is stored per user.
Note: This repository is public for viewing only. Contributions are not accepted.
Below are screenshots of the MyPokédex application:
- Display the original 151 Pokémon with images and types
- User registration and login
- Favorite Pokémon (per user)
- Mark Pokémon as "found" (per user)
- Progress bar showing found count
- Filter and search by name and type
- View Pokémon details and evolution chain
- Responsive, modern UI with Bootstrap
- Data stored in SQLite or MySQL
- PHP >= 8.1
- Composer
- Node.js & npm
- SQLite (default) or MySQL
- Clone the repository:
git clone https://github.com/IDavidGI/MyPokedex.git cd MyPokedex - Install PHP dependencies:
composer install
- Install JS dependencies:
npm install
- Copy and edit environment file:
cp .env.example .env # Edit .env for your database (default is SQLite) - Generate app key:
php artisan key:generate
- Run migrations:
php artisan migrate
- Build frontend assets:
npm run build
- Start the server:
php artisan serve
- Register or log in to access your personal Pokédex.
- Click a Pokémon to view details and mark it as found.
- Favorite Pokémon by clicking the star icon.
- Use the search and filter options to find Pokémon by name or type.
- Progress bar updates as you find more Pokémon.
- Backend: Laravel
- Frontend: Blade, Bootstrap, JavaScript
- Database: SQLite (default), MySQL supported
- API: PokéAPI
- Can be deployed to platforms like Heroku, Render.com, or any PHP hosting.
- For SQLite, no extra setup needed. For MySQL, update
.envaccordingly.
MIT
- PokéAPI for Pokémon data
- Bootstrap for UI
- Laravel for backend
Created by David Geuchenmeier