Project Start to Finish - Collaborative Pixel Canvas: Staring Up - Selecting Tools

Hello, my name is Justin Baker and this series of posts will follow the development of a personal project to develop a full stack application from start to finish. The idea for this project is to implement something akin to Reddit's /r/place.

This project is serving a purpose to demonstrate my ability to bring a project to fruition from design to release and to show my problem solving process. Secondarily this project is as opportunity to better familiarize myself with various development technologies that I'm interested in.

Starting Up

To start this project I need to determine what tools I will be using. This project is focusing on a set of development tools and making them work with the project, rather than selecting technologies that would best fit the project since one of my major goals is learning these. Because of this I'm not starting with requirements and will focus on the technologies that I want to use.

Development Technologies

• OS: Windows 10
• My primary computer runs Windows, I don't have the funds or space to have dedicated Linux development machine and I don't want to deal with the Linux subsystem or dual booting.
• IDE: Visual Studio Code
• Visual Studio Code is a great lightweight IDE that is multi-platform with tons of plugins. I have recently been finding using VSC to be preferable to big hulking IDEs like Visual Studio & Eclipse.
• Languages: TypeScript
• My previous largest project using JavaScript was my game Golem Smash! I did not enjoy the dynamic typing and throughout development I was interested in checking out TypeScript to get around this part of Javascript. Now that I'm doing a project on my own with a fresh codebase I am free to pursue that interest of using TypeScript.
• Front End: Phaser & Angular
• Given that I want to use TypeScript the front end technologies that I decided to use was pretty straight forward. Phaser is a game Framework that can take care of rendering and provides a familiar API. Working directly with the Canvas API was an option, but for the scope of the project the added weight of Phaser won't be much of an issue.
  
  For the rest of the front end I am intending to use Angular. Angular was written in TypeScript and makes TypeScript development easy. 
• Back End: TBD
• I am not particularly set on what technologies I'd like to use for handling the back end. I intend to focus on implementing the core components on the front end and then determine a set of requirements.
• Hosting: TBD
• I am currently hosting most of my projects with Heroku. As development progresses I will consider options best fit for the project. 

These tools should be enough for the core of the project. My next couple posts on this project will focus on setting some initial requirements and setting up my development environment.