1 Todo

Jason Zhu edited this page 2023-05-19 00:21:07 +10:00

Table of Contents

• TodoList

TodoList

Plans of implementing Pokedex application

• Implement single Pokemon Card
  • Accept Props {number, Image, Name, Pokemon Type}
  • Display number
  • Display Image
  • Display Name
  • Display Pokemon Type
  • Display background color according to Type
  • Use correct CSS
  • Check in Storybook
• Implement Filter row
  • Implement Region filter
    • Get region list to choose
    • Implement dispatching redux action to get list of Pokemon in pokedex
  • Implement Type filter
    • Get type list to choose
    • Add All type to the list
  • Implement Sort By filter
    • Get sort options
    • Implement dispatching redux action to limit list of Pokemon card
  • Implement Search bar (name)
    • Implement dispatching redux action to limit list of Pokemon card in pokedex via name
  • Use correct CSS
  • Check in Storybook
• Implement pokedex to include both Filter and a list of Pokemon Card
• Implement Pokedex Header:
  • Implement a day/night option
  • Add Header image
  • Check in Storybook

Logic of the app:

1. When the app is first loaded, filter should load data about available regions, types, and sort by options
   1. Default value
      1. Region: first one in the region list
      2. Type: all types
      3. Sort By: ID
2. After loaded filter bar, pokedex should load all Pokemon Cards according to default filter bar
3. When you are loading Pokemon, the loading scene should play