Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Refactor Pokemon App using Redux #2

Open
wants to merge 24 commits into
base: master
Choose a base branch
from
Open

Refactor Pokemon App using Redux #2

wants to merge 24 commits into from

Conversation

stephanie56
Copy link

@stephanie56 stephanie56 commented Feb 19, 2018 •
edited
Loading

Demo: https://stephanie56.github.io/cohort3-react-pokemon/

  • Create a header component that should read Gotta Fetch em all! through props
  • Create a Pokemon display component that displays the image of the Pokemon and its name
  • Create a text input component
  • Create a button component
  • Use all of the components to make an API call based on what the user input's into the component when the button is clicked
  • Handle errors and empty user input

@stephanie56
Scaffold Pokemon app using create-react-app
9eee11a 
- Add Header, PokemonCard and SearchBar components
- Add default props to PokemonCard
@stephanie56
Fetch data through pokeapi
bd1fde8 
- Connect to pokeapi using fetch
- Fetch pokemon image and name successfully
@stephanie56
Move app to named folder
8be2fc4
@stephanie56
Handle error cases when fetching pokemon
188678e 
- Add customized image and message when pokemon is not found
- Add function to capitalize the first letter of pokemon names
@stephanie56
Merge branch 'master' of https://github.com/stephanie56/cohort3-react…
c622300 
…-pokemon
@stephanie56
Implement pokemon searching
52c0abc 
- Add function to update search term from user inputs
- Trigger fetching pokemon when user submit search term
@stephanie56
Deploy version 0.01
a513680 
- Install gh-page for deployment
- Update README
@stephanie56
Clean up code
9d8821b 
- Remove unused boilerplate code
- Install Sass
@stephanie56
Add styles
5d81752 
- Update app style
- Deploy app
@stephanie56
Refactor code
d56b303 
- Split SearchBar component into Field and Button components
- Fix typo
- Update styles to reflect structure Changes
- Add default value of pokemon namd and image
@stephanie56
Add footer
d9fc813
@stephanie56
Add loading indicator
9073cc0 
- Add isLoading property to the state of App
- Conditional render loading message
- Add loading message styles
@stephanie56
Refactor PokemonCard component
120bbbd 
- Move capitalizeFirstLetter function to utils
- Add LoadingIndicator and Pokemon components
@stephanie56
Refactor PokemonCard component
496d004
@stephanie56
Fix: handle case of empty input
e8b4e0e 
- Add component PokeList to render a list of returned pokemons
- Add styles
@stephanie56 stephanie56 changed the title Completed React Pokemon Assignment - Stephanie Zeng's Solution Updated solution: handle empty input from users Feb 22, 2018
@stephanie56 stephanie56 changed the title Updated solution: handle empty input from users Refactor Pokemon App using Redux Mar 13, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
1 participant
@stephanie56