The BrewDog Beer Guide is a web application for beer lovers, in particular those who like the BrewDog brewery.

Last update: Sep 13, 2022

Related tags

Overview

Brewdog-Beer-Guide

The BrewDog Beer Guide is a web application for beer lovers, in particular those who like the BrewDog brewery. Here you find the details about the beers of that company.

Built With

Live demo

Not available yet

Getting Started with Create React App and Redux

To get a local copy up and running follow these simple example steps:

Clone this repo to your computer using git. Or
Download the compressed zip folder and use a decompressor to unzip it into your computer. Then open the folder and all the project files will be there.
then instal npm with "npm install" in your terminal and then use "npm start" to open the application on your browser or use "npm test" to check the available test.

Authors

👤 Tiago Lelinski Marin

GitHub: @githubhandle
Twitter: @twitterhandle
LinkedIn: LinkedIn

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

Special thanks to Nelson Sakwa on Behance the author of the original design idea.
Hat tip to anyone whose code was used
This project was bootstrapped with Create React App, using the Redux and Redux Toolkit template.

📝 License

This project is MIT licensed.

Comments

Filter & details page

In this pull request I added a filter to display only beers with a certain level of bitterness (it's based on the IBU property of each beer). This filter is a separated component that updates the state property "filter" and dispaches an action that updates the property "fitered beers" based on the what's inside of the filter dropdown. Note that on the home page, all beers are shown by default, that's because the "filter" property on the state is by default "All Beers".

Also I added another component that displays more details about the beer.

opened by tiagomarin 0
Initial setup
In this pull request I:

Added the initial set up (Create React App template Redux)

installed linters

Organized the files and folder structure

added the basic components

set up the store, the routes and links to make them display correctly

set up the reducer with basic action that fetches the API to retrieve the necessary data and update state when page loads.

what is displayed on the screen is not all the information, so far it was only to check the functionality.

no styles were added.
opened by tiagomarin 0
v1.0
Merging code from development branch as the version 1.0 of the application.

Home page has a list of items that are fetched from the PunkApi

Also there is a filter in home page where the user can filter beers by the bitterness

when user clicks in any card, he is taken to the details page, which the user can check more information about that especific beer

when the user clicks on the arrow, he comes back to the home page and the home page.
opened by tiagomarin 1

Cooking Express is a website created for chefs and food lovers.

Cooking Express Cooking Express is a website created for chefs and food lovers to view recipes and find meal inspiration. They can also submit their o

Jun 5, 2022

For data quality enthousiasts (and dataview lovers): manage the metadata of your notes.

Metadata Menu This plugin is made for data quality enthousiasts: access and manage the metadata of your notes in Obsidian. Metadata Menu adds context

Dec 23, 2022

Application that uses the localStorage to keep the information on the activities that are pending to be done and also those that are completed

Application that uses the localStorage to keep the information on the activities that are pending to be done and also those that are completed. It provides an option to edit activities and also delete them. The clear all applies to those that are marked as completed by selecting the checkbox.

Apr 8, 2022

A simple to-do list application that helps to organize your daily tasks and keep track of the task you have completed and the task you are yet to have completed, and also deleting the completed task leaving those yet to be completed.

To-Do-List A To-Do-List App helps users to get their task cordinated and organised. This project is from microverse javascript curriculum which tests

Jul 8, 2022

Application which will allow users to find hotels, hostels and restaurants and feedback about those in whole over of world.

Gatsby minimal TypeScript starter 🚀 Quick start Create a Gatsby site. Use the Gatsby CLI to create a new site, specifying the minimal TypeScript star

Jul 22, 2022

A web app designed to keep track of activities that are done and those that are and not done. Users can add, delete, mark as completed and update the activities. Built with Javscript, html, css and webpack.e your activites

ToDoListApp A web app designed to help web keep track of activities that are done and those that are still pending. Users can add, delete, mark as com

Long-press `⌘` key or press `?` to present a shortcut guide for your Web application.

React Shortcut Guide Status: Alpha Long-press command or press ? to present a shortcut guide for your Web application. Gzip+minify 3kB Install npm i

Jul 29, 2022

FakeCommitter is a tool for those who want to be a GITHUB POPSTAR WITH A LOT OF CONTRIBUTIONS DAILY

FakeCommitter is a tool for those who want to be a GITHUB POPSTAR WITH A LOT OF CONTRIBUTIONS DAILY! Or maybe you just want to sync your contribution number across accounts (like me).

Nov 10, 2022

A simple browser extension, intended to get you "Back To Work" when you start slacking off to one of those really addictive sites.

Back to Work A simple browser extension, intended to get you Back To Work when you start slacking off to one of those really addictive sites. What doe

Nov 19, 2022

The BrewDog Beer Guide is a web application for beer lovers, in particular those who like the BrewDog brewery.

Related tags

Overview

Brewdog-Beer-Guide

Built With

Live demo

Getting Started with Create React App and Redux

Authors

🤝 Contributing

Show your support

Acknowledgments

📝 License

You might also like...

Cooking Express is a website created for chefs and food lovers.

For data quality enthousiasts (and dataview lovers): manage the metadata of your notes.

Application that uses the localStorage to keep the information on the activities that are pending to be done and also those that are completed

A simple to-do list application that helps to organize your daily tasks and keep track of the task you have completed and the task you are yet to have completed, and also deleting the completed task leaving those yet to be completed.

Application which will allow users to find hotels, hostels and restaurants and feedback about those in whole over of world.

A web app designed to keep track of activities that are done and those that are and not done. Users can add, delete, mark as completed and update the activities. Built with Javscript, html, css and webpack.e your activites

Long-press `⌘` key or press `?` to present a shortcut guide for your Web application.

FakeCommitter is a tool for those who want to be a GITHUB POPSTAR WITH A LOT OF CONTRIBUTIONS DAILY

A simple browser extension, intended to get you "Back To Work" when you start slacking off to one of those really addictive sites.

Comments

Filter & details page

Initial setup

v1.0

Owner

Tiago Lelinski Marin

A work-in-progress HTML sanitizer that strives for: performance like window.Sanitizer, readiness like DOMPurify, and ability to run in a WebWorker like neither of those.

Brew-Near-You - An app that makes it easy to find a brewery near you

Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Kurs-repo för kursen Webbserver och Databaser

Sanity plugin for viewing resources which reference a particular resource.

This is food detection WebApp, which will tell users about the nutrients value of particular food image which they upload

Search/Filter beer for beerpong

Do you wanna improve your Twitch chat interactivity? Hold my beer.

Animene - A platform for anime lovers