Skip to content

GarrettLevine/beanReact

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React/Redux Code Along

🎉👯👻

A small little project using a beer API to with a searchable text field to make requests to the punk beer API with Bulma css for styling.

Install

  • clone this repo
  • cd beanReact
  • npm i

To Run

  • npm run start or yarn start
  • profit?

Various tags to checkout

  • git checkout tags/0.0-starterState
    • index.html set up
  • git checkout tags/1.0-beerList
    • creating the beerList component
  • git checkout tags/1.1-beerInState
    • adding beer from the api to state
  • git checkout tags/1.2-beerListWithSearchBar
    • adding a search bar which searches for new beers
  • git checkout tags/1.3-loadingStates
    • adds a loading state to the search bard
  • git checkout tags/1.4-componentized
    • breaks all items into smaller components
  • git checkout tags/1.5-routeredIt
    • adds react router
  • git checkout tags/1.6-navBuilt
    • build a nav with isActive using react router
  • git checkout tags/1.7-favouriteFunctionality
    • favouriting beers and showing them
  • git checkout tags/1.8-favouriteList
    • favourte List component
  • git checkout tags/2.0-reduxStarterState
    • hooked up provider, and store
  • git checkout tags/2.1-searchInActions
    • search input actions moved to redux
  • git checkout tags/2.2-search input connected
    • search input and ajax actions moved to redux/thunk
  • git checkout tags/2.3-favouriteRedux
    • favourite actions moved to redux
  • git checkout tags/2.4-loadMoreButton
    • load more button added
  • git checkout tags/2.5-signleBeer
    • singleBeer route

About

A little code along project featuring react

Resources

Stars

Watchers

Forks

Packages

No packages published