geuxor / beerb

BeerB is a mobile app that encourages you to explore London boroughs, try different beers and keep track of your adventures.

BeerB - BeerB in every Borough

Frontend client files for the BeerB app.

BeerB is an app that encourages you to explore London boroughs, try different beers and keep track of your adventures! It started with an idea of a scratch map and evolved into a good looking, smooth running and fun app. BeerB is made with React Native(Expo) for Android users with the help of the amazing Untappd API and Google Places API.

Once you're logged in (through Facebook or creating a profile), start logging beers and pubs to start scratching off your map - the more you discover the 'lager-er' the map! You can favorite beers, see their description and invite friends to join you. There are badges to unlock by visiting new boroughs and drinking different beers as well as a beerdex that contains a database of multiple beers for you to explore. If you don't know where to go or what to drink, try the discovery button that will give you a suggestion - and you could always ask for a new one with just one swipe!

TLDR:

Checkout a video demo of the app on YouTube:

Table of contents

BeerB backend
Tech Stack
Running BeerB
Observations
Developers Team
Contributors

Tech Stack

🍺 React Native
🍺 Typescript
🍺 Expo
🍺 Redux
🍺 Auth0
🍺 Express
🍺 PostgreSQL
🍺 Sequelize
🍺 Heroku
🍺 Lottie
🍺 Untappd API
🍺 Google Places API

Running BeerB

• Fork & clone this repo
  Run npm i in beerb directory
  Adjust the necessary env variables to match your system. There's a .env.copy file to help you with this process.
  (You will need an API key for the untappd and google places APIs)
  Run expo start

• Fork & clone the server repo
  Make sure you have postgreSQL installed on your machine mac || windows
  Run npm i in beerbServer directory
  Adjust the necessary env variables to match your system. There's a .env.copy file to help you with this process. Edit the ./config/config.json file with your database details. With the database running, run npm run recreateDb. This will generate the tables in the database and seed the data to get the project started. Run npm start in beerbServer directory

Android Simulator:

• Download an android simulator (like this one)
• Run a into the CLI

On your android device

• Install 'Expo Client' from the google playstore
• Open expo on your phone
• Scan the QR code in the CLI

🍻 Let it bundle & start exploring! 🍻

Observations

Room for improvements

• Better typing for TypeScript
• Expo is causing us some problems due to the multiple environments. Explore other options that better match our needs
• Write tests
• Explore using a more global styling method

Next orders

• Deploy BeerB to the play store
• Add connecting to friends
• Add new cities
• Add more badges
• Create affiliations with pubs
• Make it friends with iOS

Developers Team

😬 Bernat Duran Pons - Github - LinkedIn
😬 Marijana Del Bianco - Github - LinkedIn
😬 Maylynn Ng - Github - LinkedIn

Contributors ✨

Thanks goes to these wonderful people (emoji key):

Bernat Duran 🚇 💻

Marijana Del Bianco 🚇 💻

Maylynn 🚇 💻

This project follows the all-contributors specification. Contributions of any kind welcome!