Pokemon trainer App is a web app build with Angular Framework. The application uses Pokemon API to display Pokemons with their avatars. Application includes four different views: Login page, Pokemon catalogue page, Pokemon detail view and Trainer page. Main features of the application are to let user explore different pokemons and to collect them to their Trainer profile.
This project was generated with Angular CLI version 11.2.3.
Login page is the first thing that the user will see. View includes an input field where users must add their name or some other username. App will store it to the local storage. After the valid username is added and the submit-button clicked, the user will be redirected to the Trainer page.
Pokemon catalogue includes name and avatar of all the available pokemons. By clicking the pokemon, the user can open the Pokemon detail page.
On the Pokemon detail view, the user can see all different kinds of information of the pokemon. User can also collect the pokemon to their Trainer profile.
On the Trainer page the user can see all the pokemons collected. By clicking the pokemon, user can open the Pokemon detail page.
Run ng serve
for a dev server. Navigate to http://localhost:4200/
. The app will automatically reload if you change any of the source files.
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
.
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory. Use the --prod
flag for a production build.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via Protractor.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI Overview and Command Reference page.