All Projects → HybridShivam → Pokedex Angular App

HybridShivam / Pokedex Angular App

Licence: mit
For The Love Of Pokemon.

Projects that are alternatives of or similar to Pokedex Angular App

Openpokemonred
WIP: An open-source re-implementation of Pokémon Red
Stars: ✭ 168 (-14.72%)
Mutual labels:  pokemon
Shopware Pwa
Shopware PWA for eCommerce. Headless storefront solution for Shopware 6, which communicates through the SalesChannel-API. Always Open Source, MIT license. Made with 💙 by shopware AG & Vue Storefront.
Stars: ✭ 180 (-8.63%)
Mutual labels:  pwa
Pwa Qr Code Scanner
Lightweight progressive web app for scanning QR codes offline
Stars: ✭ 188 (-4.57%)
Mutual labels:  pwa
Remember
Progressive web app using geolocation and device orientation in React with Redux
Stars: ✭ 172 (-12.69%)
Mutual labels:  pwa
Gatsby Theme Storefront Shopify
Create a Shopify store with Gatsby JS 🛍️ 🛒
Stars: ✭ 175 (-11.17%)
Mutual labels:  pwa
Badges
📝 Markdown code for lots of small badges 🎀 📌 (shields.io, forthebadge.com etc) 😎. Contributions are welcome! Please add yours!
Stars: ✭ 2,987 (+1416.24%)
Mutual labels:  pokemon
Angular Search Experience
Algolia + Angular = 🔥🔥🔥
Stars: ✭ 167 (-15.23%)
Mutual labels:  pwa
Offlinenotepad
An offline-first, secure, private notepad. 📔 ✏️
Stars: ✭ 190 (-3.55%)
Mutual labels:  pwa
React Native Turbolinks
React Native adapter for building hybrid apps with Turbolinks 5
Stars: ✭ 177 (-10.15%)
Mutual labels:  pwa
Phaser Project Template
🕹️ Phaser 3 - Starter Template with TypeScript and webpack.
Stars: ✭ 186 (-5.58%)
Mutual labels:  pwa
Web Push Php Example
An example for sending Web Push notifications, using web-push-php
Stars: ✭ 173 (-12.18%)
Mutual labels:  pwa
Icongenie
CLI tool to generate all the icons and splashscreens for your Quasar Apps
Stars: ✭ 174 (-11.68%)
Mutual labels:  pwa
Sysbot.net
sys-botbase client for remote control automation of Nintendo Switch consoles.
Stars: ✭ 182 (-7.61%)
Mutual labels:  pokemon
Swarmpit
Lightweight mobile-friendly Docker Swarm management UI
Stars: ✭ 2,255 (+1044.67%)
Mutual labels:  pwa
Cursors
All available cursors
Stars: ✭ 188 (-4.57%)
Mutual labels:  pokemon
Pwatter
Angular Progressive Web App using Workbox
Stars: ✭ 167 (-15.23%)
Mutual labels:  pwa
Jekyll Webpack Boilerplate
⚡️ A boilerplate with Jekyll and Webpack to make the most performant static websites
Stars: ✭ 182 (-7.61%)
Mutual labels:  pwa
Os Fileup
Helper app to understand how to upload files and do basic image/video processing in hybrid android apps.
Stars: ✭ 190 (-3.55%)
Mutual labels:  pwa
Animatable Component
Animate once, use Everywhere! 💫
Stars: ✭ 188 (-4.57%)
Mutual labels:  pwa
Gatsby Starter Morning Dew
🚀 A Gatsby theme/starter to build lightning-fast blog/websites
Stars: ✭ 186 (-5.58%)
Mutual labels:  pwa

Website Offline Installable Maintenance GitHub release Made with Angular CLI NPM Node

A PWA (Progressive Web App) Built using Angular 9 with Service Workers. Works Offline and can be installed.
Built using the PokéAPI.

Website : hybridshivam.com/pokedex
[For best experience use Chrome or any other Chromium-based browser]

Leave a ⭐️ if you liked it, also share 🔗 with those who may be interested.

Screenshots

Versions

v1.0

  • 807 Pokemon Species with all alternate forms including Alolan and Megas.
  • Special Mega Evolution Animation for Desktop Clients. (Can be disabled)
  • Abilities.
  • Moves.
  • Evolution Chains.
  • Training, Breeding, Typing and Forms.
  • Flavor Text according to the selected games.
  • Works Offline. ✔️
  • Can be installed. ✔️

Getting Started:

Repo with all the assets : PokeDex Assets

Setting up the environment:

  1. Install Node.js and use node -v to check version.
  2. IMP Note: You might need to use sudo depending on the npm configuration.
  3. Install Angular CLI as npm install -g @angular/cli
  4. Clone or download this repo.
  5. Run npm install inside this project folder to install all dependencies.
  6. Make sure you use the latest version of the CLI (upgrade guide below)
  7. I have set the serviceWorker flag to false in angular.json : So Now there are two ways to start the server:
  • If false

    • Without Service Worker
      1. Run ng serve to see the app in action (try npm start in case ng serve fails).
      2. Connect to app on 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)
    • With Service Worker
      1. Due to angular-pwa this can can only be viewed on production builds so use ng build --prod --serviceWorker true , this creates a build in \dist directory.
      2. To serve this you'll need http server : npm install -g http-server
      3. Run the server using http-server -c-1 dist\pokedex
  • If true

    • With Service Worker
      1. As service worker is enable here, it can can only be viewed on production builds so use ng build --prod , this creates a build in \dist directory.
      2. To serve this you'll need http server : npm install -g http-server
      3. Run the server using http-server -c-1 dist\pokedex

Upgrading Angular CLI version

  • Run the below commands - use "sudo" only on Mac/ Linux.
  1. sudo npm uninstall -g angular-cli @angular/cli
  2. npm cache clean --force
  3. sudo npm install -g @angular/cli

Credits

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.

Copyright Notice

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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].