Just a project example using angular and consuming PokeApi
Requirements:
- Explore Pokeapi documentation
- Create a page to show the list of pokemon
- Add search input
- Open details from a specific pokemon
- Show the total status from the selected pokemon
- Bonus:
- Setup with Angular
- Good and interactive design
- 100% tests coverage
- Data persistencie
- Index Db
- Local Storage
- Battle Pokemon, select two pokemon and show which have the greater status
- Documentation
Folder structure:
Core: Business logic of the application, containing singleton services.
Modules: Single part of UI that do one job. It can contain multiple pages and components.
Shared: Elements that are shared in the application
- app
- core
- http
- interceptors
- database
- errors
- models
- services
- modules
- home
- components
- home
- shared
- pipes
- core
- Clone the repo
git clone https://github.com/pPeterle/pokedex.git
- Install NPM packages
npm install
- Run the Project
npm run start
- Open browser in http://localhost:4200/
Jasmine for unit and integration tests and Cypress for end to end tests.
- Unit Tests
npm run test
- e2e Tests
npm run cypress:open
![]() |
![]() |
- Add Documentation
- Add types logic to the battle pokemon
Distributed under the MIT License. See LICENSE.txt
for more information.
Pedro Henrique do Amaral Peterle - [email protected]
Project Link: https://github.com/pPeterle/pokedex