Website: https://terraformingmars.cards
Terraforming Mars by FryxGames is an amazing board game that is highly dependent on deploying different cards to help your corporation terraform the martian landscape.
My board game group loves this game. We've played this game over fifty times.
Since there are over 250 cards, it is tough to learn them all so it is useful to have a repository of cards you can browse.
After I found a handy spreadsheet of all the card types I decided to try and make a simple UI to search and filter the list of available cards.
This project was started after heading to an Angular Mix in September 2018 in order to solidify what I learned and get some angular experience from a real application.
My goals were to:
- Use the Angular CLI and Angular Console to develop a full application.
- Created nested UI components which mimic real life examples.
- Get more familiar with TypeScript.
I accomplished all of my goals so I'm happy. I didn't use as many Typescript static typing features as I could have liked but still enjoyed the language.
-
The initial version of the project was deployed via a docker container to Microsoft Azure. The application is hosted on Netlify for free.
-
Mars parallax background was inspired and improved on from https://codepen.io/saransh/pen/EGqjo.
-
This project was generated with Angular CLI version 6.2.4.
-
Browser compatibility wasn't my primary goal, but the website should work in Chrome and Firefox.
The data comes from a excel file on board game geek created by CH0AM. This project would not be possible without the efforts of CH0AM and the BGG community.
The spreadsheet data and card text is used with permission by FryxGames.
I don't have a lot of time to work on this project so I don't how much effort I'll put into it. If you find any bugs please let me know and I'll try and get them fixed.
If I had to guess at some new features I'd like to try I'd:
- Add some commentary on each card and how I think it should be played to help inspired discussion.
- Allow more searching and filtering on things like cost or points.