sherwyngoh / angular-pokedex

Exploring Angular.io (Angular 2) and Pokemon :)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Stack

  • Angular 2 ( or Angular.io, actually.)
  • Typescript 2.0.3
  • Skeleton css
  • SASS

This project requires you to have ruby and sass to compile sass to css

  • gem install sass
  • npm install
  • npm start

Usage

  • Search/sort from the header
  • Filter types by tapping on the pokeball
  • Select/unselect a pokemon by clicking on it
  • Flip the card to view pokemon skills
  • Click on a skill to view details, click on the skill box to dismiss it
  • Dismiss the card by tapping the 'X'

Todo:

  • Refactor sass into variables
  • Tests for search/sort/filter
  • lazy load images
  • put all sprites into a single file to minimize number of requests
  • Add loading animation

About

Exploring Angular.io (Angular 2) and Pokemon :)


Languages

Language:JavaScript 57.8%Language:TypeScript 40.8%Language:CSS 1.2%Language:HTML 0.3%