Offline compatible Progressive Web Application
A PWA (Progressive Web App) Built using Angular 9 with Service Workers.
Works Offline and can be installed.
Built using the PokéAPI.
Live : pokedex.hybridshivam.com
[For best experience use Chrome or any other Chromium-based browser]
Leave a :star: if you liked it, also share :link: with those who may be interested.
v2.0.0
v1.0.0
Repo with all the assets : PokeDex Assets
Setting up the environment:
node -v
to check version.npm install -g @angular/cli
npm install --legacy-peer-deps
inside this project folder to install all dependencies.serviceWorker
flag to false
in angular.json
: So Now there are two ways to start the server:If false
ng serve
to see the app in action (try npm start
in case ng serve
fails).localhost:4200
(I use ng serve -o --host 0.0.0.0
so that I can connect to the server via my Mobile device while on the same network and navigating to <ip-address-of-server>:4200
)angular-pwa
restrictions, this can only be viewed on production builds so use ng build --prod --serviceWorker true
, this creates a build in \dist
directory.npm install -g http-server
http-server -c-1 dist\pokedex
If true
ng build --prod
, this creates a build in \dist
directory.npm install -g http-server
http-server -c-1 dist/pokedex
Upgrading Angular CLI version
sudo npm uninstall -g angular-cli @angular/cli
npm cache clean --force
sudo npm install -g @angular/cli
Thanks to PokéAPI.co. & Veekun for the data, Bulbapedia for the images, duiker101 for the type icons and of course to Nintendo, Game Freak, and The Pokémon Company for making such an awesome series of games.
This is an unofficial, non-commercial, fan-made app and is NOT affiliated, endorsed or supported by Nintendo, Game Freak and The Pokémon Company in any way. Many images used in this app are copyrighted and are supported under fair use. Pokémon and Pokémon character names are trademarks of Nintendo. No copyright infringement intended.