Belgian Beer Explorer

screenshot of Belgian Beer Explorer
express
react

App built with React, Bootstrap, Node.js, Postgres

Overview

The Belgian Beer Explorer is a sample application that showcases the capabilities of modern web development using React, Node.js, and the Lightning Design System. It stands out for leveraging ECMAScript 6 on both the client and server, tapping into the powerful features introduced with Node.js 4 and higher. This application not only provides a smooth user experience but also demonstrates how to interact with a PostgreSQL database, making it an exciting tool for both developers and beer enthusiasts alike.

This application can be easily deployed to Heroku with just a few clicks, thereby allowing users to set up their own instances efficiently. For those who prefer a more hands-on approach, a local installation guide provides clear instructions on how to run the application on your own machine, making it a versatile option for various users.

Features

  • Automatic Deployment to Heroku: Quickly deploy your instance of the application with a single click, complete with a populated PostgreSQL database.
  • Local Installation: Follow straightforward instructions for setting up the app on your local machine, ideal for hands-on development.
  • Built with Modern JavaScript: Utilizes ECMAScript 6 features and modules, ensuring a modern, efficient coding experience.
  • React Frontend: The user interface is built using React, offering a responsive and dynamic experience for users.
  • PostgreSQL Database Support: Seamlessly integrates with PostgreSQL to store and manage application data.
  • Sample Data Preloaded: When deployed, the application comes with sample data to help you get started immediately without additional configuration.
  • Easy Configuration: Customize your setup easily by adjusting the database URL in the configuration file.
  • Comprehensive Instructions: Clearly written guidelines for both deployment types, making it accessible even for those new to these technologies.
express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.