Skip to content

Pokedex is a client based application that allows users to browse information for different Pokemon and items that exist within the pokemon universe. It makes us of PokeApi and was developed using the Angular framework. It also makes use of Angular Material and Tailwind CSS for styling and components.

Notifications You must be signed in to change notification settings

dburnham1212/pokedex

Repository files navigation

Pokedex

Pokedex is a client based application that allows users to browse information for different Pokemon and items that exist within the pokemon universe. It makes us of PokeApi and was developed using the Angular framework. It also makes use of Angular Material and Tailwind CSS for styling and components.

Final

Pokedex - Home Page

The main page for the Pokedex app, contains a welcome message, disclaimer, and links to the Pokemon section and item section.

"Screenshot of Home Page!"

Pokedex - Pokemon Page

A page that allows you to search for Pokemon using different criteria. You can search by pokemon generation, name, as well as type. When clicked the specific Pokemon card will open the Pokemon details page for that Pokemon.

"Screenshot of Pokemon Page!"

Pokedex - Pokemon Details Page

A page that shows a collection of different pokemon information. This includes images, basic information, stats, damage relations, evolution chains, and move sets.

"Screenshot 1 of Pokemon Page!"

"Screenshot 2 of Pokemon Page!"

"Screenshot 3 of Pokemon Page!"

Pokedex - Item Categories Page

A page that lists all the categories for items. This list can be sorted in ascending and descending order. When an item category is clicked a new page will open with all of the items listed for that specific category.

"Screenshot of Item Categories Page!"

Pokedex - Item List Page

A page that lists all of the items for a specific item category. When an item card is clicked a new page will open displaying all information for said item.

"Screenshot of Item Categories Page!"

Pokedex - Item Categories Page

A page that displays all of the details for a specific item. This includes an image of the item, general information, effects and attributes.

"Screenshot of Item Categories Page!"

Pokedex - Mobile Screenshots

A collection of screenshots for each of the pages on mobile view.

"Mobile Screenshots!"

Running The Application

This project was generated with Angular CLI version 17.2.0.

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.

About

Pokedex is a client based application that allows users to browse information for different Pokemon and items that exist within the pokemon universe. It makes us of PokeApi and was developed using the Angular framework. It also makes use of Angular Material and Tailwind CSS for styling and components.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages