jgrospe92 / pokedex-grid

A pokemon datagrid Web Application

PokeGrid 💻

• Welcome to the PokeGrid Web Application! This web application allows you to easily view or look up specific Pokémon information using the PokeAPI.

Project Status 🚧

** On Going Development**

Table of Contents

• PokeGrid 💻
• Project Status 🚧
• Table of Contents
• Data Grid Features 🗄️
• Usage
• Technologies
• Resources
• Contributing
• Getting Started
  • Development server
  • Code scaffolding
  • Build
  • Running unit tests
  • Running end-to-end tests
  • Further help

Data Grid Features 🗄️

• Pokémon Lookup: Quickly search for any Pokémon by name or ID to access detailed information.
• Comprehensive Data: Get comprehensive data about each Pokémon, including its type, abilities, base stats, and more.
• Sleek User Interface: Enjoy a clean and intuitive user interface designed for a seamless browsing experience.
• Mobile Friendly: Access the PokeDex on your mobile device for on-the-go Pokémon lookup.

Usage

• Using the PokeGrid Web Application is easy:
• On the DataGrid page, by default it will display all the pokemon sorted by region.
• On the DataGrid page, you'll see a search bar on the data-grid table. Enter the name or ID of the Pokémon you want to look up.
• The application will fetch and display detailed information about the Pokémon you requested.
• Explore the various details, including its abilities, types, and base stats.
• Enjoy learning more about your favorite Pokémon!

Technologies

• Angular
• Ag-Grid
• PokeAPI

Resources

• Scroll Pagination by Mozzarela:

Contributing

We welcome contributions from the Pokémon community. If you'd like to contribute to the development of the PokeGrid Web Application, please follow these steps:

1. Fork this repository.

2. Create a new branch for your feature or bug fix: git checkout -b feature/your-feature-name.

3. Make your changes and commit them with descriptive commit messages.

4. Push your changes to your forked repository.

5. Create a pull request to the main/trunk repository's main branch.

6. We'll review your contribution and merge it if it aligns with the project's goals.

Getting Started

This project was generated with Angular CLI version 16.0.3.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.