Giter VIP home page Giter VIP logo

ionic2-pokedex's Introduction

ionic2-pokedex

Pokédex sample hybrid mobile app developed with Ionic 2, Angular 2 and Apache Cordova. Using Pokéapi v2 as source for data and sprites.

Functionalities

  • List of Pokémons with species details, type effectiveness, abilities, evolution chain, sprites and moves (IV Generation)
  • Using Ionic 2 routing and CSS components, Angular 2 Components, Directives, Pipes, RxJS Observables
  • Navigation between Pokémons (use of Angular/Ionic lifecycle events to change and refresh data)
  • To be added: list of Pokémons types + details, list of abilities + details, list of moves + details

Install

You can run this app in the browser by following the steps below:

$ npm install -g ionic@latest
$ npm install
$ ionic serve

Additionally, you can also download Ionic View app from Google Play or Apple Store and enter id 1553841a to execute this app in your mobile phone or tablet.

ionic2-pokedex's People

Contributors

amandeepmittal avatar loiane avatar movibe avatar willoliveira avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

ionic2-pokedex's Issues

TypeError: AppScripts.serve is not a function

Hello, when I try to execute the command ionic serve the error appears. This happens with the following parameters:

cli packages: (...\npm\node_modules)

@ionic/cli-utils  : 1.9.2
ionic (Ionic CLI) : 3.9.2

local packages:

@ionic/app-scripts : 0.0.45
Ionic Framework    : ionic-angular 2.0.0-rc.3

System:

Node : v6.11.1
npm  : 3.10.10
OS   : Windows 10

App não faz build nem roda o `serve`

Olá, estou fazendo as aulas de angular e phonegap e estou tentado roda o app no android mas não consigo fazer funcionar com o comando ionic run android me retorna o seguinte erro.

ionic run android

> ionic-hello-world@ ionic:build /developer/REPO/ionic2-pokedex
> ionic-app-scripts build

[14:47:44]  ionic-app-scripts 0.0.45 
[14:47:44]  build prod started ... 
[14:47:44]  clean started ... 
[14:47:44]  clean finished in 5 ms 
[14:47:44]  copy started ... 
[14:47:44]  ngc started ... 
[14:47:44]  copy finished in 315 ms 
[14:47:51]  Error: Cannot determine the module for component AbilityDetailPage! 
[14:47:51]  ngc failed 
[14:47:51]  ionic-app-script task: "build" 
[14:47:51]  Error: Error 

npm ERR! Linux 4.9.13-101.fc24.x86_64
npm ERR! argv "/opt/nodejs/bin/node" "/usr/bin/npm" "run" "ionic:build" "--"
npm ERR! node v6.10.1
npm ERR! npm  v3.10.10
npm ERR! code ELIFECYCLE
npm ERR! ionic-hello-world@ ionic:build: `ionic-app-scripts build`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the ionic-hello-world@ ionic:build script 'ionic-app-scripts build'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the ionic-hello-world package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     ionic-app-scripts build
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs ionic-hello-world
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls ionic-hello-world
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     /developer/REPO/ionic2-pokedex/npm-debug.log

Quando eu rodo o comando cordova run android ele até compila o apk, mas o app executa e fica com a tela em branco.

O que eu tenho que fazer? Perdoe-me minha ignorância, ainda estou aprendendo...

Error on Ionic Project

Hello Loiane,

I´ve downloaded you project and followed the steps to run the project, but I'm founding a few errors. Could you please take a look at it?

Thanks.
2016-11-19_2159

Action required: Greenkeeper could not be activated 🚨

🚨 You need to enable Continuous Integration on all branches of this repository. 🚨

To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because we are using your CI build statuses to figure out when to notify you about breaking changes.

Since we did not receive a CI status on the greenkeeper/initial branch, we assume that you still need to configure it.

If you have already set up a CI for this repository, you might need to check your configuration. Make sure it will run on all new branches. If you don’t want it to run on every branch, you can whitelist branches starting with greenkeeper/.

We recommend using Travis CI, but Greenkeeper will work with every other CI service as well.

Once you have installed CI on this repository, you’ll need to re-trigger Greenkeeper’s initial Pull Request. To do this, please delete the greenkeeper/initial branch in this repository, and then remove and re-add this repository to the Greenkeeper integration’s white list on Github. You'll find this list on your repo or organiszation’s settings page, under Installed GitHub Apps.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.