A modern Pokédex web application built with Vue 3 and Vite, featuring a responsive design, infinite scroll, and dark mode support.
- 🔍 Real-time search with debouncing
- 🏷️ Filter Pokémon by type
- ♾️ Infinite scroll loading
- 🌓 Dark mode support
- 📱 Fully responsive design
- 🔊 Pokémon cry playback
- 🎨 Type-based color schemes
- 📊 Detailed statistics view
- 🔄 Evolution chain visualization
- 🎭 Alternative forms support
- 🌟 Normal/Shiny sprite toggle
- 🌐 Automatic language detection (IT/EN)
- 🔤 Full interface translation
- 🌍 Browser language support
The application automatically detects the user's browser language and provides content in:
- 🇮🇹 Italian (Default)
- 🇬🇧 English (Fallback)
The interface language is automatically selected based on the browser settings:
- Italian for Italian browsers
- English for all other languages
No manual configuration needed - the app handles translation seamlessly.
- Vue 3 with Composition API
- Vite for blazing fast development
- Bulma CSS framework
- Axios for API requests
- Lodash for utilities
- Font Awesome icons
# Clone the repository
git clone https://github.com/Matt-code-d/pokedex-vue.git
# Navigate to project folder
cd pokedex-vue
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run buildpokedex-vue/
├── public/ # Static assets
│ ├── favicon.svg
│ └── robots.txt
├── src/
│ ├── assets/ # Asset files like images and fonts
│ ├── components/ # Vue components
│ ├── composables/ # Composition API functions
│ ├── router/ # Vue Router files
│ ├── store/ # Vuex store files
│ ├── views/ # View components for routes
│ └── App.vue # Main App component
├── index.html # Main HTML file
├── package.json # Project metadata and dependencies
└── vite.config.js # Vite configurationThe application uses the PokéAPI to fetch Pokémon data. Check their documentation for available endpoints and data structure.
Developed by matteosantoro.dev
This project is released under a custom license with the following terms:
- ✅ You are permitted to modify and adapt the code
- ✅ You must document any modifications made
- ❌ Commercial use is strictly prohibited without explicit permission
- ❌ Redistribution without proper attribution is not allowed
- ℹ️ All derivative works must maintain these restrictions
For full license terms, see LICENSE.md
Pokémon and all related marks are registered trademarks of Nintendo, Game Freak, and The Pokémon Company. This project is not affiliated with or endorsed by these companies.
All Pokémon data and assets are served via PokéAPI and are not included in this repository.
