fagru/pokeapp

Fabian Gruber

After I got more and more involved with some programming languages in various tutorials, I realized that I wanted to pursue a new career path. Then I decided to go my new way to become a web developer at neuefische.de.

👨‍💻 I am currently learning TypeScript and VueJS.

Languages

Technologies and frameworks

Statistic

pokeapp's Issues

State management (Zustand)

Value proposition

As a developer
I need statemanagment
to be able to write clean code and to keep components dumb

Acceptance Criteria

Add a state management system

• Add Zustand to App
• Create useStore

Tasks

• Add Zustand to App
• Add useStore
• Change states from useState to useStore
• Update tests
• Check app

DetailPage header and about

Value proposition

As a User
I need a structured DetailPage
to get better Informations about each Pokemon

Acceptance Criteria

• There are more Informations on each Pokemon

Tasks

• Create -> components/DetailHeader
• Create -> components/DetailAbout
• Check accessibility
• Add tests

Add Husky

Value proposition

As a Developer
I need to automate my tests
to be able tohave a good experience

Description

Acceptance Criteria

• Configure Husky for eslint
• Add husky for github actions to automate tests

Tasks

• Add .husky folder
• Configure husky

Implement different pages (react router)

Value proposition

As a
I need change between sites
to be able to get different information about pokemon

Acceptance Criteria

User can navigate to detail page to get more information about a single pokemon

Tasks

• [ ] Add react router
• [ ] Add to app
• [ ] components/Detail
  • [ ] Test
• [ ] pages/Pokemonlist
  • [ ] Test

backend

Value proposition

As a User
I need a backend
to be able to save and get data from the backend

Acceptance Criteria

• There is a backend to save and get data

Tasks

• Create a backend (MERN Stack) with node and express

stats & evolution component

Value proposition

As a User
I need a stats & evolution component
to get more informations about each pokemon

Acceptance Criteria

• stats component is visible after clickin on the stats button
• evolution component is visible after clickin on the evolution button

Tasks

• create -> comontents/detailStats
  • Add test
• create -> comontents/detailEvolution
  • Add test
• check on mobile device
• check accessibility

card styling

Value proposition

As a User
I need a good pokemon card styling
to have User experience

Acceptance Criteria

• The cards have a good structure of informations and a good styling

Tasks

• Add a new structure and styling to the pokecard
• Check test
• Check accesibility

Pokemon cards

Value proposition

As a User
I need a list of pokemon
to be able to see information about them

Acceptance Criteria

• There is a list of pokemon with informations

Tasks

• Add GlobalStyles with main colors
• Create -> components/PokeCard
• Add tests
• Check accessibility with lighthouse