/pokeapi-angular

PokeAPI developed in Angular and Angular Material. Pokedex , Items , Moves.

Primary LanguageTypeScript

material PokeAPI with Angular 17 and Angular Material material

This project is an Angular 17 application that utilizes the PokeAPI to display information about Pokémon. It is developed using Angular Material to ensure a beautiful and responsive user interface.

Screenshots

material material material material material material

Technologies Used

  • angular Angular
  • material Angular Material
  • html5 HTML
  • css3 CSS
  • typescript TypeScript

How to Use

Installation:

Make sure you have Node.js and Angular CLI installed on your machine.

Running

  1. Clone this repository:
    git clone https://github.com/Diagnoster/pokeapi-angular.git
  2. Navigate to the project directory:
    cd repository
  3. Install project dependencies:
    npm install
  4. Start Angular Application:
    ng serve -o
    

Features

  • HomePage: To select various application features.
  • Pokémon Listing: View a list of Pokémon with their names, images, and types.
  • Pokémon Details: Click on a Pokémon to get detailed information about it, such as statistics, abilities, and moves.
  • Pokémon Search: Use the search bar to find specific Pokémon by name.
  • Move List: See a list of all moves.
  • Ability details: Modal with the details of each ability that the Pokémon can have.
  • List Items: See a list of all pocket items (medicine, pokeballs, berries and more).
  • List of Abilities: See a list of all abilities.
  • Natures: See a list of all natures.

Credits to

PokeAPI: PokeAPI for providing the API for data retrieval.

Bulbapedia: Bulbapedia for providing information, icons, and layout ideas.

Pokémon Company: The Pokémon Company for being the owner of the Pokémon brand.

Text Studio: By the images provided Font Generator

Icons:

About

This software is 100% free, open-source and unlicensed.