Quantcast
Channel: Christophe Coenraets » Twitter Bootstrap
Viewing all articles
Browse latest Browse all 6

Belgian Beer Explorer with React, Bootstrap, Node.js and Postgres

$
0
0

Belgium has a long tradition of beer making. According to Wikipedia, the country counts over 1700 beers of various styles including Trappist, Abbey, Saisons, Lambic, Gueuze, Fruit Beers, White, Double, Triple, Quadruple, etc.

I thought it would be fun to build an app that lets users search and explore this list in different ways: by name, style, brewery, alcohol content, etc. I learned a ton: not only building the application, but also using it!

Running the Application

I deployed the application on Heroku. Click here to run it.

Architecture Highlights

Belgian Beer explorer is a single page application built with React and Bootstrap. The back-end is built with Node.js and Express: it consists of a simple REST service that exposes the data stored in a Postgres database.

If you are new to React and are looking for a step-by-step walkthrough, take a look at the Employee Directory application I documented here and here.

Source Code

The source code is available in this GitHub repository. It includes the database based on the Wikipedia list and exported in .sql format.


Viewing all articles
Browse latest Browse all 6

Latest Images

Trending Articles



Latest Images