Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/diagnoster/pokeapi-angular
PokeAPI developed in Angular and Angular Material. Pokedex , Items , Moves.
https://github.com/diagnoster/pokeapi-angular
angular angular-cli angular17 angular2 api material poke-api pokeapi pokedex pokemon pokemon-api typescript
Last synced: 5 days ago
JSON representation
PokeAPI developed in Angular and Angular Material. Pokedex , Items , Moves.
- Host: GitHub
- URL: https://github.com/diagnoster/pokeapi-angular
- Owner: Diagnoster
- Created: 2024-01-11T13:15:40.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-09-25T10:43:48.000Z (about 2 months ago)
- Last Synced: 2024-10-15T04:41:15.578Z (28 days ago)
- Topics: angular, angular-cli, angular17, angular2, api, material, poke-api, pokeapi, pokedex, pokemon, pokemon-api, typescript
- Language: TypeScript
- Homepage: https://pokeapi-angular-iota.vercel.app
- Size: 14.7 MB
- Stars: 9
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 
PokeAPI with Angular 17 and Angular 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
## Technologies Used
- 
Angular
- 
Angular Material
- 
HTML
- 
CSS
- 
TypeScript
## How to Use
### Installation:
Make sure you have Node.js and Angular CLI installed on your machine.
## Running
1. Clone this repository:
```bash
git clone https://github.com/Diagnoster/pokeapi-angular.git
2. Navigate to the project directory:
```bash
cd repository
3. Install project dependencies:
```bash
npm install
4. Start Angular Application:
```bash
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
## About
This software is 100% free, open-source and unlicensed.