fbrzrvn / punk-api

React App using React Router and the Punk API

punk-api

React App using React Router and the Punk API

punk-api's Issues

Redux

• Provider
• Store
• Action
• Reducer

GoBack Button

• Create custom button using history
• Refactor components to implement the customs button
• Add error msg if there is not beer found
• Fix styles

Auth Form

• Switch mode between Sign In and Sign Up
• Input component
• Copyright component

Project Setup

• Create react app
• Add dependencies
• Router with pages

Favorite

• Add and remove beers from favorite
• Create Custom Hook
• Create helper to handle the local storage
• Create controller to handle favorite actions

Layout

• Main
• Login
  • LoginRoute
  • LoginForm

Beer List

• Create Beer List
• Add styles

Styles

• Responsive Card
• Change Button type
• Change beers quantity when fetching by date
• Add background

Fixes

• Pages
• Styles
• Delete console.log

Beer Card

• Fetch api to get the beer
• Create Beer Card
• Add styles

Find

• Find page
• Fetch Beer by Date
• Create Beer Grid

Refactor header

• Remove link from header

API

• Use hooks to fetch data
• Use state to control data, page, loading
• Render Beers with pagination
• Add link to each beer
• Fix styles

Circula Spinner

• Add circular spinner while the page is loading

Protected Route

• Redirect to login if not authenticated
• Restyle header

Refactor Login

• Add Sign In and Sign Up form