Skip to content

Angular SPA to browse Pokémon. Consumes the PokéApi RESTful API. Work in progress...

License

Notifications You must be signed in to change notification settings

DatSwissGuy/pokemon-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

76 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Firebase Deployment Docker-Compose Build


PokeNgLogo

Purpose

Building an (simple) Angular SPA for Browsing Pokémon. Consumes the PokéAPI RESTful API. And no, it's not a Pokédex, i might create one someday.

Screenshots / Progress

Progress-2020-9-13 (September 2020) Initial design / layout for the app, showing the first 151 Pokémon

Features:

  • Docker Compose setup (September 2020)
  • SSR (September 2020)
  • Initial PWA functionality (02.01.2021)
  • A list of Pokémon from each generation can be selected (19.01.2021)
  • Automatic deployment via GitHub Actions (19.01.2021)
  • List of games up to fith generation (22.01.2021)
  • Route transition animations (26.01.2021)

Demo

This app is currently hosted on Google Firebase. Server Side Rendering is realized via Firebase Functions. Have a look.

Installing / Running the App

Clone the repo. Then run npm install to install dependencies, after that run ng serve to serve the app.

Alternatively if you have Docker, run docker-compose up --build to build and then serve the app on localhost:4000.

WIPs

This list is in no particular order / respectively prioritized.

  • This readme needs some work 😅
  • The Docker Compose badge only shows that the build was successful. No information regarding tests.
  • Tests for CD / CI
  • A design for the app, it currentyl looks a bit uninspiring.