This is the repo for tappd.online, no need to install anymore!
This little side project, "untappd-data-visualised," is designed to visualize Untappd data in various formats, such as charts, lists, and maps. It leverages React, Chart.js, MapBox, and some others to provide an interactive and insightful representation of your Untappd check-in history. Chat-GPT helped me a lot with creating this.
You start by setting a date range, and from there you can start filtering. For example filter by brewery name/city/country or venue name/city/country. After setting filters, the following lists are presented in either a chart or list:
- Top 10 beer styles
- Top 10 breweries
- Top 10 brewery countries
- Top 10 brewery cities
- Top 10 flavor combinations
- Top 10 most drank beers
- Top 10 venues
- Top 10 venue cities
- Top 10 venue countries
- Top 10 venues purchased
- Top 10 rated beers (by you)
- Top 10 rated beers (global / you (diff))
- Top 10 strongest beers
- Top 10 toasts
- Top 10 comments
- Top flavour profiles
- Tagged friends
- Breweries by rating
- Beer types by rating
- Filter by breweries
- Filter by brewery cities
- Filter by brewery countries
- Filter by venues drank at
- Filter by countries drank at
- Filter by cities drank at
- Filter by tagged friends
- Show checkins on a map
- Frequency: Beer ABV
- Frequency: Beers per year
- Frequency: Beers per month
- Frequency: Beers per day
- Frequency: Rating scores
- Frequency: Serving type
- displaying venues checked-in
- Map displaying brewery countries
- Cumulative beer count (year)
- Beer type apprecation list
- Basic statistics
and more!
- Node.js: and preferably Yarn.
- An export of your data from Untappd (https://untappd.com/user/xxxx/beers) as JSON.
- A MapBox API key. It's free, you should be able to skip the setting up your payment card somehow.
- 12-05-2024: And we're live! https:///tappd.online
- 04-05-2024: Added sorting filters to the beer overview
- 04-05-2024: Added a basic statistics block as first tile on the dashboard
- 15-06-2024: Added the 'tagged_friends' filter to the overview + bug fixes
- Make this into an actual web app so you don't have to run it yourself.
- Resetting filters doesn't reset the select box values in UI
Contributions are welcome via pull requests! Please make sure to adhere to the project's coding standards.
# Clone the repository
git clone https://github.com/sjaakbanaan/untappd-data-visualised
# Change to the project directory
cd untappd-data-visualised
# Install dependencies
yarn install # npm install
To start the server:
yarn start # npm run start
This will open the app on localhost:3000 in your default web browser. Fill in the form and upload your JSON export and set your home data (you can get these values via Google Maps for example).
This project is licensed under the MIT License.