Skip to content

Latest commit

 

History

History
68 lines (50 loc) · 2.07 KB

README.md

File metadata and controls

68 lines (50 loc) · 2.07 KB

beer-api-react | Beer App using Beers Api

In this challenge I created a beer app using Beers Api from https://github.com/ironhack-labs/lab-react-ironbeers. This project is build with React and uses Router DOM Package.

Table of contents

Overview

The challenge

The task is to create a beer app using an API.

  • Use this API https://github.com/ironhack-labs/lab-react-ironbeers
  • Create the basic structure of your homepage
    • All beers
    • Random beer
  • Create a navbar. The navbar is always shown when you are not on the home page and leads back to the start page
  • List the beers. It should contain:
    • picture
    • Surname
    • slogan
    • Producer (contributed_by)
    • create an additional link that leads to the detail page of the beer! The link should lead to /beers/:beerId
  • Create the beer detail view:
    • the picture
    • the name
    • the slogan
    • when it was brewed for the first time (first_brewed)
    • the attenuation_level
    • the description
    • the producer (contributed_by)
  • Create the “random beer” page. Use the random endpoint of the API. The structure of the page is like the detailed view

Screenshots

Links

My process

Built with

Author

Acknowledgments

This project has been realized as part of the super(c)ode "Front-End Boot-Camp 2022".