ppeterle / pokedex

Angular Project - Full Tested

Pokedex · Pokeapi

List of all pokemons with their status

About The Project

Just a project example using angular and consuming PokeApi

Requirements:

• Explore Pokeapi documentation
• Create a page to show the list of pokemon
• Add search input
• Open details from a specific pokemon
• Show the total status from the selected pokemon
• Bonus:
  • Setup with Angular
  • Good and interactive design
  • 100% tests coverage
  • Data persistencie
    • Index Db
    • Local Storage
  • Battle Pokemon, select two pokemon and show which have the greater status
  • Documentation

Folder structure:

Core: Business logic of the application, containing singleton services.
Modules: Single part of UI that do one job. It can contain multiple pages and components.
Shared: Elements that are shared in the application

• app
  • core
    • http
    • interceptors
    • database
    • errors
    • models
    • services
  • modules
    • home
      • components
  • shared
    • pipes

Data Flux

Built With

• Typescript
• Angular
• Angular Material
• Bootstrap

Getting Started

Installation

1. Clone the repo

   git clone https://github.com/pPeterle/pokedex.git

2. Install NPM packages

   npm install

3. Run the Project

   npm run start

4. Open browser in http://localhost:4200/

Tests

Jasmine for unit and integration tests and Cypress for end to end tests.

1. Unit Tests

   npm run test

2. e2e Tests

   npm run cypress:open

Usage

Roadmap

• Add Documentation
• Add types logic to the battle pokemon

License

Distributed under the MIT License. See LICENSE.txt for more information.

Contact

Pedro Henrique do Amaral Peterle - [email protected]

Project Link: https://github.com/pPeterle/pokedex