Was the GDPR enough?
Welcome to Steamystats!
- Angular – The Complete Guide 2020-03-30
Recently I’ve completed the project from Maximilian Schwarzmüller’s Angular – The Complete Guide (2020 Edition) as seen on Udemy
This was a fascinating course, very up to date (Angular 9) as of the time I’m writing this post. Max is very articulate and has kept this course on Angular up to date with the latest Angular developments. Highly recommended!
Check out my completed recipes and shopping list project: ng-complete-guide. All you’ll need is to create a free account, which uses the free Google Firebase authentication API. It’s a stateless app that saves and fetches it’s data using API calls to a Firebase Realtime Database. Which is a cloud-hosted NoSQL Document database that stores and returns it’s data in JSON.
I’ve also created my own public GitHub repository called Angular Recipes for this project.
- Vue, React & Angular 2020-01-14
My Angular learning projects Today I added a few of my JavaScript projects to the Portfolio page.
A Noughts and crosses game created in React by following the React tutorials which can be found here.
And the Tour of Heroes example app from the Angular tutorials which can be found here.
These projects were fun to build and a great way of learning these JavaScript component building libraries. As well as useful for practising my ES6 and TypeScript syntax.
I wish to find time to create something in Vue.js next that I can add to the Portfolio page.
But first some more site wide bug fixes and optimising.
- Redevelopment 2019-11-01
We’ve had a spruce up \o/
Please try not to stare directly at the bugs. I am working my way through them in my spare time.
I’ve learnt a lot about ReactJS, WordPress v5 and Gutenberg blocks over the last year. So I decided to port Steamystats from my old PHP & jQuery stack over to a content managed system to make life easier for myself.
This redevelopment also improves the speed in which I can develop new web apps & stats as I shall now be using ES6+ JavaScript, JSX, SCSS, Webpack/Gulp, Babel, React & Redux.
In addition I have added a portfolio section to the site that show cases some of my web developer projects.
- Steam Top 100 2019-07-07
Using the SteamSpy API we gathered enough information about Steam games to create some top 100 lists.
We chose to visualise some of this data using an intriguing interactive bubble chart by Jim Vallandingham coded in CoffeeScript using the D3 JavaScript library. Adapting it to be searchable and tied into our database of Steam games.
A bar chart can be displayed to more easily pick out the top 10 (or 5 if on smaller screens) results in each of the 6 bubble charts.
The top 100 chart topics are as follows:
- Most Owned Steam Games
- Steam Games With The Most Players
- Owned But Not Played Steam Games
- Top User Rated Steam Games
- Highest Average Play Time Steam Games
- Max Online Players Steam Games
- Distribution of Steam Accounts by Country 2019-07-07
Using the Steam Web API we discovered enough information to make an approximation of the distribution of Steam User accounts by country.
Using an interactive world map divided into countries we’ve managed to visualise this data. The map has been combined with a bar chart to make it much easier to see the top 10 results.
We cannot determine with certainty the accuracy of the data. Steam account owners choose their own country label and so this choice may be accurate or it may not. For example we recorded 64 accounts from North Korea and have no clue which are for real.
For some countries we didn’t record any accounts at all such as Somalia and Kosovo.