Giter Site home page Giter Site logo

sir-pokedex's Introduction

Synopsis

Ce TP a pour but de créer une application basé sur le manga Pokémon en Angular 1 ou 2. Nous avons choisi d'utiliser Angular 2 pour mener à bien notre mission. Nous avons utilisé angular-cli pour propulser notre application.

Ce tp a été réalisé par deux binômes:

  • Antoine Ravet
  • Alexis Renault
  • Pierre Louis Ollivier
  • Godis Bodie

Mise en oeuvre

Etape 1 : Effectuer la commande "npm install" pour installer les dépendances

Etape 2 : Effectuer la commande "npm start" pour lancer l'application

Etape 3 : Se rendre sur localhost:4200 pour accéder à l'application

Fonctionnalités

Dans un premier temps, nous avons réalisé un tutoriel en anglais basé sur l'API Pokémon disponible à l'adresse suivante:

https://onsen.io/blog/tutorial-how-to-create-pokemon-app-using-angular2-cli/

Nous avons choisi de repartir de cette base déjà travaillée par l'ensemble du groupe pour répondre aux contraintes du TP. On a ensuite ajouté des fonctionnalités propres au sujet du TP:

-Recherche d'un pokemon par son id -Recherche d'un pokemon par son nom

  • Possibilité de filtrer la liste déroulante afin d'avoir une recherche plus précise

Notre pokédex se base sur les pokémons de la première génération, cependant il est très facile de rajouter des pokémons dans notre application. Il est également très simple d'ajouter des informations supplémentaires sur chaque pokémon, par exemple:

  • Les types du pokémon
  • Les attaques du pokémon

sir-pokedex's People

Contributors

unitydev avatar

Watchers

James Cloos avatar  avatar PL avatar Godis  avatar

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.